@squadbase/vantage 0.6.2-dev1.48b34e1 → 0.6.2-dev1.56da87f

package/dist/doc/index.js

@@ -1,8 +1,8 @@
-import { DeltaText } from '../chunk-6OTTGAPO.js';
-export { DeltaText } from '../chunk-6OTTGAPO.js';
+import { DeltaText } from '../chunk-TRMHNMMZ.js';
+export { DeltaText } from '../chunk-TRMHNMMZ.js';
 import { Sparkline } from '../chunk-2IAPIOPS.js';
-import { formatValue } from '../chunk-57GHR5LN.js';
-import { Button } from '../chunk-PDOBHMUQ.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';
@@ -139,51 +139,68 @@ var Document = forwardRef(function Document2({ theme, style, ...props }, ref) {
   ] });
 });
 Document.displayName = "Document";
-var PRIORITY = { high: "\u9AD8", medium: "\u4E2D", low: "\u4F4E" };
+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 }) {
+function Priority({ value, words }) {
   if (!value) return /* @__PURE__ */ jsx(Fragment, { children: "\u2014" });
-  return /* @__PURE__ */ jsx("span", { className: value === "high" ? "font-semibold" : void 0, children: PRIORITY[value] });
+  return /* @__PURE__ */ jsx("span", { className: value === "high" ? "font-semibold" : void 0, children: words[value] });
 }
-function DocActionItems({ title = "\u63A8\u5968\u3059\u308B\u5BFE\u5FDC", headingLevel = 2, items, variant = "table" }) {
+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 }),
+    /* @__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__ */ jsxs("span", { style: MUTED, children: [
-        "\uFF08",
-        [item.owner, item.due ? `${item.due} \u307E\u3067` : void 0].filter(Boolean).join("\u30FB"),
-        "\uFF09"
-      ] }) : null
+      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: "\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("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 }) })
+        /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx(Priority, { value: item.priority, words: t.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" }
+  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 !== k.word ? `${k.word}: ${title}` : k.word;
+  const heading = title && title !== word ? `${word}: ${title}` : word;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -200,20 +217,36 @@ function DocCallout({ kind = "note", title, 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") : 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 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 ? `\uFF08${unit}\uFF09` : unit }) : 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)) }),
@@ -229,17 +262,23 @@ function DocDataTable({ title, unit, columns, rows, total, highlightRows, footno
     ] }) : null
   ] });
 }
+var TEXT3 = {
+  ja: { title: "\u8981\u65E8", comparison: "\u524D\u671F\u6BD4" },
+  en: { title: "Executive summary", comparison: "vs. prior period" }
+};
 function DocExecutiveSummary({
-  title = "\u8981\u65E8",
+  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 }),
+    /* @__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(
@@ -249,13 +288,13 @@ function DocExecutiveSummary({
         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) }),
+          /* @__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 ?? "\u524D\u671F\u6BD4",
+              m.comparisonLabel ?? t.comparison,
               " "
             ] }),
-            /* @__PURE__ */ jsx(DeltaText, { value: m.delta.value, format: m.delta.format ?? m.format, betterWhen: m.betterWhen })
+            /* @__PURE__ */ jsx(DeltaText, { value: m.delta.value, format: m.delta.format ?? m.format, betterWhen: m.betterWhen, locale })
           ] }) : null
         ]
       },
@@ -263,29 +302,47 @@ function DocExecutiveSummary({
     )) }) : 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 ? `\u51FA\u5178: ${source}` : void 0, asOf ? `\u30C7\u30FC\u30BF\u6642\u70B9 ${asOf}` : void 0].filter(Boolean).join(" \uFF0F ");
+  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__ */ jsxs("span", { className: "font-medium", children: [
-        "\u56F3 ",
-        number
-      ] }) : null,
+      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
   ] });
 }
-function DocKeyFindings({ title = "\u4E3B\u8981\u306A\u767A\u898B", headingLevel = 2, findings }) {
+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 }),
+    /* @__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,
@@ -296,13 +353,21 @@ function DocKeyFindings({ title = "\u4E3B\u8981\u306A\u767A\u898B", headingLevel
         /* @__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) }),
+          /* @__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 ?? "\u524D\u671F\u6BD4",
+              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 })
+            /* @__PURE__ */ jsx(
+              DeltaText,
+              {
+                value: f.metric.delta.value,
+                format: f.metric.delta.format ?? f.metric.format,
+                betterWhen: f.metric.betterWhen,
+                locale
+              }
+            )
           ] }) : null
         ] }) : null
       ] })
@@ -311,23 +376,55 @@ function DocKeyFindings({ title = "\u4E3B\u8981\u306A\u767A\u898B", headingLevel
 }
 var MUTED2 = { color: "var(--doc-muted)" };
 var ACHIEVEMENT = { type: "percent", digits: 1 };
-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(DeltaText, { value: m.delta.value, format: m.delta.format ?? m.format, betterWhen: m.betterWhen }) : "\u2014";
+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 = "\u4E3B\u8981\u6307\u6A19",
+  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 ? `\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";
+  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 }),
+    /* @__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",
       {
@@ -335,56 +432,60 @@ function DocKpiScorecard({
         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__ */ 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 ?? "\u524D\u671F\u6BD4",
+                m.comparisonLabel ?? t.comparison,
                 " "
               ] }),
-              change(m)
+              change(m, locale)
             ] }) : 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"
-              ] })
+                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": `${m.label}\u306E\u63A8\u79FB` }) }) : 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: "\u6307\u6A19" }),
-        /* @__PURE__ */ jsx("th", { scope: "col", className: "text-right", children: "\u5B9F\u7E3E" }),
+        /* @__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: "\u76EE\u6A19" }),
-        /* @__PURE__ */ jsx("th", { scope: "col", className: "text-right", children: "\u9054\u6210\u7387" }),
-        /* @__PURE__ */ jsx("th", { scope: "col", children: "\u63A8\u79FB" })
+        /* @__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) }),
-        /* @__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" })
+        /* @__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: "\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 }] : []
+    ...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 }),
@@ -402,32 +503,45 @@ function DocReportHeader({ title, subtitle, period, asOf, author, source }) {
     ) : null
   ] });
 }
-function DocNotesAndSources({ title = "\u6CE8\u8A18\u30FB\u51FA\u5178", headingLevel = 2, notes = [], definitions = [], sources = [] }) {
+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 }),
+    /* @__PURE__ */ jsx(Heading, { children: title ?? t.title }),
     notes.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "break-inside-avoid", children: [
-      /* @__PURE__ */ jsx(Sub, { children: "\u6CE8\u8A18" }),
+      /* @__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: "\u7528\u8A9E\u306E\u5B9A\u7FA9" }),
+      /* @__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: "\u51FA\u5178" }),
+      /* @__PURE__ */ jsx(Sub, { children: t.sources }),
       /* @__PURE__ */ jsx("ul", { children: sources.map((s, i) => /* @__PURE__ */ jsxs("li", { children: [
         s.name,
-        s.asOf ? /* @__PURE__ */ jsxs("span", { style: { color: "var(--doc-muted)" }, children: [
-          "\uFF08\u30C7\u30FC\u30BF\u6642\u70B9 ",
-          s.asOf,
-          "\uFF09"
-        ] }) : null
+        s.asOf ? /* @__PURE__ */ jsx("span", { style: { color: "var(--doc-muted)" }, children: t.asOf(s.asOf) }) : null
       ] }, i)) })
     ] }) : null
   ] });