@squadbase/vantage 0.6.2-dev1.9612525 → 0.6.2-dev1.9d7130b

package/dist/doc/index.js

@@ -1,6 +1,10 @@
-import { Button } from '../chunk-PXRX5PEC.js';
-import '../chunk-A2UUGASH.js';
-import { forwardRef, useEffect } from 'react';
+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, 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