@squadbase/vantage 0.6.2-dev1.5aae04e → 0.6.2-dev1.5c79ef5

package/dist/doc/index.d.ts

@@ -1,5 +1,7 @@
 import * as React from 'react';
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
+import { V as ValueFormat } from '../format-DihQkL1N.js';
+export { D as DeltaText, a as DeltaTextProps } from '../delta-text-CbrOaW83.js';
 
 /**
  * Per-document token overrides. Anything left out falls through to `--doc-*`
@@ -40,4 +42,215 @@ interface DocumentProps extends HTMLAttributes<HTMLElement> {
  */
 declare const Document: React.ForwardRefExoticComponent<DocumentProps & React.RefAttributes<HTMLElement>>;
 
-export { Document, type DocumentProps, type DocumentTheme };
+type DocActionPriority = "high" | "medium" | "low";
+interface DocActionItem {
+    action: ReactNode;
+    owner?: string;
+    /** Due date as written, e.g. "2026-11-15" or "11 月末". */
+    due?: string;
+    /** What we expect to change, e.g. "解約率 −0.5pt". */
+    impact?: string;
+    priority?: DocActionPriority;
+}
+interface DocActionItemsProps {
+    /** Heading text. Default "Recommended actions" (ja: "推奨する対応"). */
+    title?: string;
+    /** `2` directly under the document, `3` inside another section. Default 2. */
+    headingLevel?: 2 | 3;
+    items: DocActionItem[];
+    variant?: "table" | "asks";
+}
+declare function DocActionItems({ title, headingLevel, items, variant }: DocActionItemsProps): React.JSX.Element;
+
+type DocCalloutKind = "note" | "insight" | "warning" | "decision";
+interface DocCalloutProps {
+    kind?: DocCalloutKind;
+    /** Heading of the box, one short line. Default: the kind's word. */
+    title?: string;
+    children: ReactNode;
+}
+declare function DocCallout({ kind, title, children }: DocCalloutProps): React.JSX.Element;
+
+type DocTableCell = string | number | null | undefined;
+type DocTableRow = Record<string, DocTableCell>;
+interface DocTableColumn {
+    key: string;
+    label: string;
+    /** Format of a numeric column. Without it, numbers use a plain thousands format. */
+    format?: ValueFormat;
+    /** Default: right for a column of numbers, left otherwise. */
+    align?: "left" | "right" | "center";
+}
+interface DocDataTableProps {
+    /** Table title, as a caption above the table. */
+    title?: string;
+    /** Unit or scale, e.g. "単位: 百万円". */
+    unit?: string;
+    columns: DocTableColumn[];
+    rows: DocTableRow[];
+    /** The total row, keyed like `rows`. */
+    total?: DocTableRow;
+    /** Row indexes to set in semibold. */
+    highlightRows?: number[];
+    footnotes?: {
+        mark: string;
+        text: string;
+    }[];
+    source?: string;
+    /** When the data was taken: a date only, e.g. "2026-10-03". "Data as of" (ja: "データ時点") is added here. */
+    asOf?: string;
+}
+declare function DocDataTable({ title, unit, columns, rows, total, highlightRows, footnotes, source, asOf }: DocDataTableProps): React.JSX.Element;
+
+interface DocSummaryMetric {
+    label: string;
+    value: number | null;
+    format?: ValueFormat;
+    /** Overrides the shown value (e.g. "約 5,400 万円"). */
+    display?: string;
+    /** The change from the comparison; direction comes from its sign. Omit for no comparison. */
+    delta?: {
+        value: number;
+        format?: ValueFormat;
+    };
+    /** Name of the comparison, e.g. "前月比". Default "vs. prior period" (ja: "前期比"). */
+    comparisonLabel?: string;
+    /** Which way is good. Default `"up"`. */
+    betterWhen?: "up" | "down";
+}
+interface DocExecutiveSummaryProps {
+    /** Heading text. Default "Executive summary" (ja: "要旨"). */
+    title?: string;
+    /** `2` directly under the document, `3` inside another section. Default 2. */
+    headingLevel?: 2 | 3;
+    /** The verdict in one sentence. */
+    conclusion: ReactNode;
+    /** 3–5 supporting points, most important first. */
+    points: ReactNode[];
+    /** Up to 3 headline numbers; any beyond are ignored. */
+    metrics?: DocSummaryMetric[];
+}
+declare function DocExecutiveSummary({ title, headingLevel, conclusion, points, metrics, }: DocExecutiveSummaryProps): React.JSX.Element;
+
+interface DocFigureProps {
+    /** The finding, as a sentence. */
+    title: string;
+    /** Unit or scale, e.g. "単位: 百万円". */
+    unit?: string;
+    /** Figure number; shown as "Figure N" (ja: "図 N") in the caption. */
+    number?: number;
+    /** Where the data comes from. */
+    source?: string;
+    /** When the data was taken: a date only, e.g. "2026-10-03". */
+    asOf?: string;
+    /** Footnotes, one per line. */
+    notes?: string[];
+    /** The chart. */
+    children: ReactNode;
+}
+declare function DocFigure({ title, unit, number, source, asOf, notes, children }: DocFigureProps): React.JSX.Element;
+
+interface DocFindingMetric {
+    label: string;
+    value: number | null;
+    format?: ValueFormat;
+    /** Overrides the shown value. */
+    display?: string;
+    /** The change from the comparison; direction comes from its sign. */
+    delta?: {
+        value: number;
+        format?: ValueFormat;
+    };
+    /** Name of the comparison, e.g. "前月比". Default "vs. prior period" (ja: "前期比"). */
+    comparisonLabel?: string;
+    /** Which way is good. Default `"up"`. */
+    betterWhen?: "up" | "down";
+}
+interface DocFinding {
+    /** The conclusion, as a sentence. */
+    headline: string;
+    evidence: ReactNode;
+    metric?: DocFindingMetric;
+}
+interface DocKeyFindingsProps {
+    /** Heading text. Default "Key findings" (ja: "主要な発見"). */
+    title?: string;
+    /** `2` directly under the document, `3` inside another section. Default 2. */
+    headingLevel?: 2 | 3;
+    /** 3–5 findings, most important first. */
+    findings: DocFinding[];
+}
+declare function DocKeyFindings({ title, headingLevel, findings }: DocKeyFindingsProps): React.JSX.Element;
+
+interface DocScorecardMetric {
+    label: string;
+    value: number | null;
+    format?: ValueFormat;
+    /** Overrides the shown value. */
+    display?: string;
+    /** The change from the comparison; direction comes from its sign. */
+    delta?: {
+        value: number;
+        format?: ValueFormat;
+    };
+    /** Name of the comparison, e.g. "前年同期比". Default "vs. prior period" (ja: "前期比"). */
+    comparisonLabel?: string;
+    /** Which way is good. Default `"up"`. */
+    betterWhen?: "up" | "down";
+    /** The target for the period, in the same `format` as `value`. */
+    target?: number;
+    /** One series over time, oldest first; the last one is the current value. */
+    trend?: {
+        x: string;
+        y: number;
+    }[];
+}
+interface DocKpiScorecardProps {
+    /** Heading text. Default "Key metrics" (ja: "主要指標"). */
+    title?: string;
+    /** `2` directly under the document, `3` inside another section. Default 2. */
+    headingLevel?: 2 | 3;
+    metrics: DocScorecardMetric[];
+    variant?: "table" | "grid";
+    /** When the numbers were taken: a date only, e.g. "2026-10-03". "Data as of" (ja: "データ時点") is added here. */
+    asOf?: string;
+    source?: string;
+}
+declare function DocKpiScorecard({ title, headingLevel, metrics, variant, asOf, source, }: DocKpiScorecardProps): React.JSX.Element;
+
+interface DocReportHeaderProps {
+    /** The document title (h1). State the subject and the period, not a slogan. */
+    title: string;
+    /** One line under the title, e.g. who the report is for. */
+    subtitle?: ReactNode;
+    /** The period the numbers cover, e.g. "2026 年 9 月" or "2026-07-01 〜 2026-09-30". */
+    period?: string;
+    /** When the data was taken: a date only, e.g. "2026-10-03". Shown under "Data as of" (ja: "データ時点"). */
+    asOf?: string;
+    author?: string;
+    /** Where the numbers come from, e.g. "受注管理システム、会計システム". */
+    source?: string;
+}
+declare function DocReportHeader({ title, subtitle, period, asOf, author, source }: DocReportHeaderProps): React.JSX.Element;
+
+interface DocDefinition {
+    term: string;
+    description: ReactNode;
+}
+interface DocSource {
+    name: string;
+    /** Data as-of date, e.g. "2026-10-03". */
+    asOf?: string;
+}
+interface DocNotesAndSourcesProps {
+    /** Heading text. Default "Notes and sources" (ja: "注記・出典"). */
+    title?: string;
+    /** `2` directly under the document, `3` inside another section. Default 2. */
+    headingLevel?: 2 | 3;
+    notes?: ReactNode[];
+    definitions?: DocDefinition[];
+    sources?: DocSource[];
+}
+declare function DocNotesAndSources({ title, headingLevel, notes, definitions, sources }: DocNotesAndSourcesProps): React.JSX.Element | null;
+
+export { type DocActionItem, DocActionItems, type DocActionItemsProps, type DocActionPriority, DocCallout, type DocCalloutKind, type DocCalloutProps, DocDataTable, type DocDataTableProps, type DocDefinition, DocExecutiveSummary, type DocExecutiveSummaryProps, DocFigure, type DocFigureProps, type DocFinding, type DocFindingMetric, DocKeyFindings, type DocKeyFindingsProps, DocKpiScorecard, type DocKpiScorecardProps, DocNotesAndSources, type DocNotesAndSourcesProps, DocReportHeader, type DocReportHeaderProps, type DocScorecardMetric, type DocSource, type DocSummaryMetric, type DocTableCell, type DocTableColumn, type DocTableRow, Document, type DocumentProps, type DocumentTheme };

package/dist/doc/index.js

@@ -1,6 +1,10 @@
-import { Button } from '../chunk-PDOBHMUQ.js';
+import { DeltaText } from '../chunk-TRMHNMMZ.js';
+export { DeltaText } from '../chunk-TRMHNMMZ.js';
+import { Sparkline } from '../chunk-2IAPIOPS.js';
+import { formatValue } from '../chunk-3RJEOP3J.js';
+import { Button, uiLanguage, useLocale } from '../chunk-ROHNXP7J.js';
 import '../chunk-U736PVHY.js';
-import { forwardRef, useEffect } from 'react';
+import { forwardRef, useEffect, useId } from 'react';
 import { PrinterIcon } from 'lucide-react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
@@ -105,7 +109,14 @@ var Document = forwardRef(function Document2({ theme, style, ...props }, ref) {
       {
         ref,
         "data-slot": "document",
-        style: themeVars || style ? { ...themeVars, ...style } : void 0,
+        style: {
+          width: "100%",
+          // Phrase-aware Japanese line breaks (no-op unless <html lang> is CJK / unsupported browsers drop it).
+          wordBreak: "auto-phrase",
+          lineBreak: "strict",
+          ...themeVars,
+          ...style
+        },
         ...props
       }
     ),
@@ -128,7 +139,414 @@ var Document = forwardRef(function Document2({ theme, style, ...props }, ref) {
   ] });
 });
 Document.displayName = "Document";
+var TEXT = {
+  ja: {
+    title: "\u63A8\u5968\u3059\u308B\u5BFE\u5FDC",
+    priority: { high: "\u9AD8", medium: "\u4E2D", low: "\u4F4E" },
+    due: (due) => `${due} \u307E\u3067`,
+    asks: (parts) => `\uFF08${parts.join("\u30FB")}\uFF09`,
+    head: { action: "\u5BFE\u5FDC", owner: "\u62C5\u5F53", due: "\u671F\u9650", impact: "\u671F\u5F85\u3059\u308B\u52B9\u679C", priority: "\u512A\u5148\u5EA6" }
+  },
+  en: {
+    title: "Recommended actions",
+    priority: { high: "High", medium: "Medium", low: "Low" },
+    due: (due) => `by ${due}`,
+    asks: (parts) => ` (${parts.join(", ")})`,
+    head: { action: "Action", owner: "Owner", due: "Due", impact: "Expected impact", priority: "Priority" }
+  }
+};
+var MUTED = { color: "var(--doc-muted)" };
+function Priority({ value, words }) {
+  if (!value) return /* @__PURE__ */ jsx(Fragment, { children: "\u2014" });
+  return /* @__PURE__ */ jsx("span", { className: value === "high" ? "font-semibold" : void 0, children: words[value] });
+}
+function DocActionItems({ title, headingLevel = 2, items, variant = "table" }) {
+  const t = TEXT[uiLanguage(useLocale())];
+  const Heading = headingLevel === 3 ? "h3" : "h2";
+  return /* @__PURE__ */ jsxs("section", { "data-slot": "doc-action-items", children: [
+    /* @__PURE__ */ jsx(Heading, { children: title ?? t.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__ */ jsx("span", { style: MUTED, children: t.asks([item.owner, item.due ? t.due(item.due) : void 0].filter((p) => Boolean(p))) }) : 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: t.head.action }),
+        /* @__PURE__ */ jsx("th", { scope: "col", children: t.head.owner }),
+        /* @__PURE__ */ jsx("th", { scope: "col", children: t.head.due }),
+        /* @__PURE__ */ jsx("th", { scope: "col", children: t.head.impact }),
+        /* @__PURE__ */ jsx("th", { scope: "col", children: t.head.priority })
+      ] }) }),
+      /* @__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, words: t.priority }) })
+      ] }, i)) })
+    ] }) })
+  ] });
+}
+var KINDS = {
+  note: { rule: "border-info", tint: "bg-info-subtle", text: "text-info" },
+  insight: { rule: "border-positive", tint: "bg-positive-subtle", text: "text-positive" },
+  warning: { rule: "border-warning", tint: "bg-warning-subtle", text: "text-warning" },
+  decision: { rule: "border-foreground", tint: "bg-muted", text: "text-foreground" }
+};
+var WORDS = {
+  ja: { note: "\u88DC\u8DB3", insight: "\u793A\u5506", warning: "\u6CE8\u610F", decision: "\u6C7A\u5B9A\u4E8B\u9805" },
+  en: { note: "Note", insight: "Insight", warning: "Caution", decision: "Decision" }
+};
+function DocCallout({ kind = "note", title, children }) {
+  const k = KINDS[kind];
+  const word = WORDS[uiLanguage(useLocale())][kind];
+  const titleId = useId();
+  const heading = title && title !== word ? `${word}: ${title}` : word;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      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 })
+      ]
+    }
+  );
+}
+var ALIGN = { left: "text-left", right: "text-right", center: "text-center" };
+var TEXT2 = {
+  ja: {
+    source: (source) => `\u51FA\u5178: ${source}`,
+    asOf: (asOf) => `\u30C7\u30FC\u30BF\u6642\u70B9 ${asOf}`,
+    separator: " \uFF0F ",
+    unit: (unit) => `\uFF08${unit}\uFF09`
+  },
+  en: {
+    source: (source) => `Source: ${source}`,
+    asOf: (asOf) => `Data as of ${asOf}`,
+    separator: " / ",
+    unit: (unit) => ` (${unit})`
+  }
+};
+function DocDataTable({ title, unit, columns, rows, total, highlightRows, footnotes, source, asOf }) {
+  const locale = useLocale();
+  const t = TEXT2[uiLanguage(locale)];
+  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", locale) : v === null || v === void 0 || v === "" ? "\u2014" : v;
+  const origin = [source ? t.source(source) : void 0, asOf ? t.asOf(asOf) : void 0].filter(Boolean).join(t.separator);
+  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 ? t.unit(unit) : 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
+  ] });
+}
+var TEXT3 = {
+  ja: { title: "\u8981\u65E8", comparison: "\u524D\u671F\u6BD4" },
+  en: { title: "Executive summary", comparison: "vs. prior period" }
+};
+function DocExecutiveSummary({
+  title,
+  headingLevel = 2,
+  conclusion,
+  points,
+  metrics
+}) {
+  const locale = useLocale();
+  const t = TEXT3[uiLanguage(locale)];
+  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 ?? t.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, locale) }),
+          m.delta ? /* @__PURE__ */ jsxs("dd", { className: "m-0", children: [
+            /* @__PURE__ */ jsxs("span", { style: { color: "var(--doc-muted)" }, children: [
+              m.comparisonLabel ?? t.comparison,
+              " "
+            ] }),
+            /* @__PURE__ */ jsx(DeltaText, { value: m.delta.value, format: m.delta.format ?? m.format, betterWhen: m.betterWhen, locale })
+          ] }) : null
+        ]
+      },
+      m.label
+    )) }) : null
+  ] });
+}
+var TEXT4 = {
+  ja: {
+    source: (source) => `\u51FA\u5178: ${source}`,
+    asOf: (asOf) => `\u30C7\u30FC\u30BF\u6642\u70B9 ${asOf}`,
+    separator: " \uFF0F ",
+    figure: (n) => `\u56F3 ${n}`
+  },
+  en: {
+    source: (source) => `Source: ${source}`,
+    asOf: (asOf) => `Data as of ${asOf}`,
+    separator: " / ",
+    figure: (n) => `Figure ${n}`
+  }
+};
+function DocFigure({ title, unit, number, source, asOf, notes, children }) {
+  const t = TEXT4[uiLanguage(useLocale())];
+  const titleId = useId();
+  const origin = [source ? t.source(source) : void 0, asOf ? t.asOf(asOf) : void 0].filter(Boolean).join(t.separator);
+  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__ */ jsx("span", { className: "font-medium", children: t.figure(number) }) : null,
+      origin ? /* @__PURE__ */ jsx("span", { children: origin }) : null,
+      notes?.map((note, i) => /* @__PURE__ */ jsx("span", { children: note }, i))
+    ] }) : null
+  ] });
+}
+var TEXT5 = {
+  ja: { title: "\u4E3B\u8981\u306A\u767A\u898B", comparison: "\u524D\u671F\u6BD4" },
+  en: { title: "Key findings", comparison: "vs. prior period" }
+};
+function DocKeyFindings({ title, headingLevel = 2, findings }) {
+  const locale = useLocale();
+  const t = TEXT5[uiLanguage(locale)];
+  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 ?? t.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, locale) }),
+          f.metric.delta ? /* @__PURE__ */ jsxs("dd", { className: "m-0", children: [
+            /* @__PURE__ */ jsxs("span", { style: { color: "var(--doc-muted)" }, children: [
+              f.metric.comparisonLabel ?? t.comparison,
+              " "
+            ] }),
+            /* @__PURE__ */ jsx(
+              DeltaText,
+              {
+                value: f.metric.delta.value,
+                format: f.metric.delta.format ?? f.metric.format,
+                betterWhen: f.metric.betterWhen,
+                locale
+              }
+            )
+          ] }) : null
+        ] }) : null
+      ] })
+    ] }, i))
+  ] });
+}
+var MUTED2 = { color: "var(--doc-muted)" };
+var ACHIEVEMENT = { type: "percent", digits: 1 };
+var TEXT6 = {
+  ja: {
+    title: "\u4E3B\u8981\u6307\u6A19",
+    comparison: "\u524D\u671F\u6BD4",
+    source: (source) => `\u51FA\u5178: ${source}`,
+    asOf: (asOf) => `\u30C7\u30FC\u30BF\u6642\u70B9 ${asOf}`,
+    separator: " \uFF0F ",
+    attainment: "\u9054\u6210\u7387",
+    target: (target) => `\uFF08\u76EE\u6A19 ${target}\uFF09`,
+    trendLabel: (label) => `${label}\u306E\u63A8\u79FB`,
+    metric: "\u6307\u6A19",
+    actual: "\u5B9F\u7E3E",
+    targetHead: "\u76EE\u6A19",
+    trend: "\u63A8\u79FB"
+  },
+  en: {
+    title: "Key metrics",
+    comparison: "vs. prior period",
+    source: (source) => `Source: ${source}`,
+    asOf: (asOf) => `Data as of ${asOf}`,
+    separator: " / ",
+    attainment: "Attainment",
+    target: (target) => ` (target ${target})`,
+    trendLabel: (label) => `${label} trend`,
+    metric: "Metric",
+    actual: "Actual",
+    targetHead: "Target",
+    trend: "Trend"
+  }
+};
+var shown = (m, locale) => m.display ?? formatValue(m.value, m.format, locale);
+var achievement = (m, locale) => m.target === void 0 || m.target === 0 || m.value === null ? "\u2014" : formatValue(m.value / m.target, ACHIEVEMENT, locale);
+var change = (m, locale) => m.delta ? /* @__PURE__ */ jsx(DeltaText, { value: m.delta.value, format: m.delta.format ?? m.format, betterWhen: m.betterWhen, locale }) : "\u2014";
+var trendOf = (m) => (m.trend ?? []).map(({ y }) => ({ value: y }));
+function DocKpiScorecard({
+  title,
+  headingLevel = 2,
+  metrics,
+  variant = "table",
+  asOf,
+  source
+}) {
+  const locale = useLocale();
+  const t = TEXT6[uiLanguage(locale)];
+  const Heading = headingLevel === 3 ? "h3" : "h2";
+  const caption = [source ? t.source(source) : void 0, asOf ? t.asOf(asOf) : void 0].filter(Boolean).join(t.separator);
+  const columnLabel = metrics.find((m) => m.comparisonLabel)?.comparisonLabel ?? t.comparison;
+  return /* @__PURE__ */ jsxs("section", { "data-slot": "doc-kpi-scorecard", children: [
+    /* @__PURE__ */ jsx(Heading, { children: title ?? t.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, locale) }),
+          /* @__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 ?? t.comparison,
+                " "
+              ] }),
+              change(m, locale)
+            ] }) : null,
+            m.target !== void 0 ? /* @__PURE__ */ jsxs("span", { children: [
+              /* @__PURE__ */ jsxs("span", { style: MUTED2, children: [
+                t.attainment,
+                " "
+              ] }),
+              achievement(m, locale),
+              /* @__PURE__ */ jsx("span", { style: MUTED2, children: t.target(formatValue(m.target, m.format, locale)) })
+            ] }) : null
+          ] }),
+          m.trend && m.trend.length > 1 ? /* @__PURE__ */ jsx("dd", { className: "m-0", children: /* @__PURE__ */ jsx(Sparkline, { data: trendOf(m), height: 28, "aria-label": t.trendLabel(m.label) }) }) : 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: t.metric }),
+        /* @__PURE__ */ jsx("th", { scope: "col", className: "text-right", children: t.actual }),
+        /* @__PURE__ */ jsx("th", { scope: "col", className: "text-right", children: columnLabel }),
+        /* @__PURE__ */ jsx("th", { scope: "col", className: "text-right", children: t.targetHead }),
+        /* @__PURE__ */ jsx("th", { scope: "col", className: "text-right", children: t.attainment }),
+        /* @__PURE__ */ jsx("th", { scope: "col", children: t.trend })
+      ] }) }),
+      /* @__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, locale) }),
+        /* @__PURE__ */ jsx("td", { className: "text-right whitespace-nowrap", children: change(m, locale) }),
+        /* @__PURE__ */ jsx("td", { className: "text-right tabular-nums", children: m.target === void 0 ? "\u2014" : formatValue(m.target, m.format, locale) }),
+        /* @__PURE__ */ jsx("td", { className: "text-right tabular-nums", children: achievement(m, locale) }),
+        /* @__PURE__ */ jsx("td", { children: m.trend && m.trend.length > 1 ? /* @__PURE__ */ jsx(Sparkline, { data: trendOf(m), height: 24, "aria-label": t.trendLabel(m.label) }) : "\u2014" })
+      ] }, m.label)) })
+    ] }) }),
+    caption ? /* @__PURE__ */ jsx("p", { style: MUTED2, children: caption }) : null
+  ] });
+}
+var TEXT7 = {
+  ja: { period: "\u5BFE\u8C61\u671F\u9593", asOf: "\u30C7\u30FC\u30BF\u6642\u70B9", author: "\u4F5C\u6210\u8005", source: "\u51FA\u5178" },
+  en: { period: "Period", asOf: "Data as of", author: "Author", source: "Source" }
+};
+function DocReportHeader({ title, subtitle, period, asOf, author, source }) {
+  const t = TEXT7[uiLanguage(useLocale())];
+  const facts = [
+    ...period ? [{ label: t.period, value: period }] : [],
+    ...asOf ? [{ label: t.asOf, value: asOf }] : [],
+    ...author ? [{ label: t.author, value: author }] : [],
+    ...source ? [{ label: t.source, 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
+  ] });
+}
+var TEXT8 = {
+  ja: {
+    title: "\u6CE8\u8A18\u30FB\u51FA\u5178",
+    notes: "\u6CE8\u8A18",
+    definitions: "\u7528\u8A9E\u306E\u5B9A\u7FA9",
+    sources: "\u51FA\u5178",
+    asOf: (asOf) => `\uFF08\u30C7\u30FC\u30BF\u6642\u70B9 ${asOf}\uFF09`
+  },
+  en: {
+    title: "Notes and sources",
+    notes: "Notes",
+    definitions: "Definitions",
+    sources: "Sources",
+    asOf: (asOf) => ` (data as of ${asOf})`
+  }
+};
+function DocNotesAndSources({ title, headingLevel = 2, notes = [], definitions = [], sources = [] }) {
+  const t = TEXT8[uiLanguage(useLocale())];
+  if (notes.length === 0 && definitions.length === 0 && sources.length === 0) return null;
+  const Heading = headingLevel === 3 ? "h3" : "h2";
+  const Sub = headingLevel === 3 ? "h4" : "h3";
+  return /* @__PURE__ */ jsxs("section", { "data-slot": "doc-notes-and-sources", children: [
+    /* @__PURE__ */ jsx(Heading, { children: title ?? t.title }),
+    notes.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "break-inside-avoid", children: [
+      /* @__PURE__ */ jsx(Sub, { children: t.notes }),
+      /* @__PURE__ */ jsx("ol", { children: notes.map((n, i) => /* @__PURE__ */ jsx("li", { children: n }, i)) })
+    ] }) : null,
+    definitions.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "break-inside-avoid", children: [
+      /* @__PURE__ */ jsx(Sub, { children: t.definitions }),
+      /* @__PURE__ */ jsx("dl", { className: "m-0", children: definitions.map((d, i) => /* @__PURE__ */ jsxs("div", { className: "break-inside-avoid", children: [
+        /* @__PURE__ */ jsx("dt", { className: "font-semibold", children: d.term }),
+        /* @__PURE__ */ jsx("dd", { className: "m-0", children: d.description })
+      ] }, i)) })
+    ] }) : null,
+    sources.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "break-inside-avoid", children: [
+      /* @__PURE__ */ jsx(Sub, { children: t.sources }),
+      /* @__PURE__ */ jsx("ul", { children: sources.map((s, i) => /* @__PURE__ */ jsxs("li", { children: [
+        s.name,
+        s.asOf ? /* @__PURE__ */ jsx("span", { style: { color: "var(--doc-muted)" }, children: t.asOf(s.asOf) }) : null
+      ] }, i)) })
+    ] }) : null
+  ] });
+}
 
-export { Document };
+export { DocActionItems, DocCallout, DocDataTable, DocExecutiveSummary, DocFigure, DocKeyFindings, DocKpiScorecard, DocNotesAndSources, DocReportHeader, Document };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map