bazi-chart 0.1.0

package/dist/index.js

@@ -0,0 +1,604 @@
+// src/adapters/baziObject.ts
+import { BRANCH_BY_CHAR, interactionFromZh } from "bazi-terms";
+var POSITION_ZH = {
+  \u5E74\u67F1: "year",
+  \u6708\u67F1: "month",
+  \u65E5\u67F1: "day",
+  \u65F6\u67F1: "hour"
+};
+function splitVoid(v) {
+  if (typeof v !== "string" || v.length === 0) return void 0;
+  return Array.from(v);
+}
+function branchesInText(desc) {
+  return Array.from(desc).filter((ch) => ch in BRANCH_BY_CHAR);
+}
+function adaptPillar(position, raw) {
+  const hiddenRaw = Array.isArray(raw["\u85CF\u5E72\u8BE6\u60C5"]) ? raw["\u85CF\u5E72\u8BE6\u60C5"] : [];
+  const secondary = Array.isArray(raw["\u526F\u661F"]) ? raw["\u526F\u661F"] : [];
+  const hiddenStems = hiddenRaw.map((h, i) => ({
+    char: String(h["\u5E72"] ?? ""),
+    tenGod: secondary[i],
+    isMain: i === 0
+  }));
+  return {
+    position,
+    ganZhi: String(raw["\u5E72\u652F"] ?? ""),
+    stem: String(raw["\u5929\u5E72"] ?? ""),
+    branch: String(raw["\u5730\u652F"] ?? ""),
+    mainTenGod: raw["\u4E3B\u661F"] != null ? String(raw["\u4E3B\u661F"]) : void 0,
+    secondaryTenGods: secondary.length ? secondary : void 0,
+    hiddenStems,
+    naYin: raw["\u7EB3\u97F3"] != null ? String(raw["\u7EB3\u97F3"]) : void 0,
+    growthStage: raw["\u661F\u8FD0"] != null ? String(raw["\u661F\u8FD0"]) : void 0,
+    voidBranches: splitVoid(raw["\u7A7A\u4EA1"]),
+    shenSha: Array.isArray(raw["\u795E\u715E"]) ? raw["\u795E\u715E"] : void 0
+  };
+}
+function adaptInteractions(raw) {
+  const out = [];
+  const stems = Array.isArray(raw["\u5929\u5E72"]) ? raw["\u5929\u5E72"] : [];
+  const branches = Array.isArray(raw["\u5730\u652F"]) ? raw["\u5730\u652F"] : [];
+  for (const s of stems) {
+    const desc = String(s);
+    out.push({
+      typeKey: desc.includes("\u5408") ? "stemCombination" : void 0,
+      branches: branchesInText(desc),
+      description: desc
+    });
+  }
+  for (const b of branches) {
+    const desc = String(b);
+    out.push({
+      typeKey: interactionFromZh(desc)?.key,
+      branches: branchesInText(desc),
+      description: desc
+    });
+  }
+  return out;
+}
+function adaptFiveElements(raw) {
+  if (!raw || typeof raw !== "object") return void 0;
+  const scores = [];
+  for (const el of ["\u91D1", "\u6728", "\u6C34", "\u706B", "\u571F"]) {
+    const entry = raw[el];
+    if (entry && typeof entry === "object") {
+      scores.push({
+        element: el,
+        score: typeof entry["\u5206\u503C"] === "number" ? entry["\u5206\u503C"] : void 0,
+        percent: entry["\u5360\u6BD4"] != null ? String(entry["\u5360\u6BD4"]) : void 0
+      });
+    }
+  }
+  return scores.length ? scores : void 0;
+}
+function adaptDaYun(list) {
+  if (!Array.isArray(list)) return [];
+  return list.map((raw) => ({
+    ganZhi: String(raw["\u5E72\u652F"] ?? ""),
+    stem: raw["\u5929\u5E72"] != null ? String(raw["\u5929\u5E72"]) : void 0,
+    branch: raw["\u5730\u652F"] != null ? String(raw["\u5730\u652F"]) : void 0,
+    stemTenGod: raw["\u4E3B\u661F"] != null ? String(raw["\u4E3B\u661F"]) : void 0,
+    startAge: typeof raw["\u8D77\u59CB\u5E74\u9F84"] === "number" ? raw["\u8D77\u59CB\u5E74\u9F84"] : void 0,
+    endAge: typeof raw["\u7ED3\u675F\u5E74\u9F84"] === "number" ? raw["\u7ED3\u675F\u5E74\u9F84"] : void 0,
+    startYear: typeof raw["\u8D77\u59CB\u5E74\u4EFD"] === "number" ? raw["\u8D77\u59CB\u5E74\u4EFD"] : void 0,
+    endYear: typeof raw["\u7ED3\u675F\u5E74\u4EFD"] === "number" ? raw["\u7ED3\u675F\u5E74\u4EFD"] : void 0,
+    naYin: raw["\u7EB3\u97F3"] != null ? String(raw["\u7EB3\u97F3"]) : void 0,
+    isCurrent: raw["\u5F53\u524D"] === true
+  }));
+}
+function fromBaziObject(data) {
+  const input = data["\u8F93\u5165"] ?? {};
+  const solarTimeRaw = data["\u771F\u592A\u9633\u65F6"] ?? {};
+  const bazi = data["\u516B\u5B57"] ?? {};
+  const detail = bazi["\u67F1\u4F4D\u8BE6\u7EC6"] ?? {};
+  const pillars = [];
+  for (const [zh, position] of Object.entries(POSITION_ZH)) {
+    const raw = detail[zh];
+    if (raw && typeof raw === "object") pillars.push(adaptPillar(position, raw));
+  }
+  const wuxing = bazi["\u4E94\u884C\u5206\u503C"] ?? {};
+  return {
+    meta: {
+      engine: "baziObject",
+      gender: input["\u6027\u522B"] != null ? String(input["\u6027\u522B"]) : void 0,
+      zodiac: bazi["\u751F\u8096"] != null ? String(bazi["\u751F\u8096"]) : void 0,
+      lunar: bazi["\u519C\u5386"] != null ? String(bazi["\u519C\u5386"]) : void 0,
+      solar: bazi["\u516C\u5386"] != null ? String(bazi["\u516C\u5386"]) : void 0
+    },
+    solarTime: {
+      clock: solarTimeRaw["\u949F\u8868\u65F6\u95F4"] != null ? String(solarTimeRaw["\u949F\u8868\u65F6\u95F4"]) : void 0,
+      trueSolar: solarTimeRaw["\u771F\u592A\u9633\u65F6"] != null ? String(solarTimeRaw["\u771F\u592A\u9633\u65F6"]) : void 0,
+      correctionMinutes: typeof solarTimeRaw["\u4FEE\u6B63\u5206\u949F"] === "number" ? solarTimeRaw["\u4FEE\u6B63\u5206\u949F"] : void 0,
+      shiChen: solarTimeRaw["\u65F6\u8FB0"] != null ? String(solarTimeRaw["\u65F6\u8FB0"]) : void 0
+    },
+    dayMaster: {
+      char: bazi["\u65E5\u4E3B"] != null ? String(bazi["\u65E5\u4E3B"]) : void 0,
+      element: wuxing["\u65E5\u4E3B\u4E94\u884C"] != null ? String(wuxing["\u65E5\u4E3B\u4E94\u884C"]) : void 0
+    },
+    pillars,
+    fiveElements: adaptFiveElements(wuxing),
+    dayMasterElement: wuxing["\u65E5\u4E3B\u4E94\u884C"] != null ? String(wuxing["\u65E5\u4E3B\u4E94\u884C"]) : void 0,
+    daYun: adaptDaYun(bazi["\u5927\u8FD0"]),
+    daYunOnset: bazi["\u8D77\u8FD0"] != null ? String(bazi["\u8D77\u8FD0"]) : void 0,
+    interactions: adaptInteractions(bazi["\u5211\u51B2\u5408\u4F1A"] ?? {}),
+    extras: {
+      mingGong: bazi["\u547D\u5BAB"] != null ? String(bazi["\u547D\u5BAB"]) : void 0,
+      shenGong: bazi["\u8EAB\u5BAB"] != null ? String(bazi["\u8EAB\u5BAB"]) : void 0,
+      taiYuan: bazi["\u80CE\u5143"] != null ? String(bazi["\u80CE\u5143"]) : void 0,
+      taiXi: bazi["\u80CE\u606F"] != null ? String(bazi["\u80CE\u606F"]) : void 0
+    }
+  };
+}
+
+// src/adapters/pillarMap.ts
+import { interactionFromEnum } from "bazi-terms";
+var PILLAR_ORDER = [
+  { field: "year", position: "year" },
+  { field: "month", position: "month" },
+  { field: "day", position: "day" },
+  { field: "hour", position: "hour" }
+];
+function str(v) {
+  return v == null ? void 0 : String(v);
+}
+function num(v) {
+  return typeof v === "number" ? v : void 0;
+}
+function adaptPillar2(position, raw) {
+  const hiddenRaw = Array.isArray(raw["hiddenStems"]) ? raw["hiddenStems"] : [];
+  const hiddenStems = hiddenRaw.map((h, i) => ({
+    char: String(h["stem"] ?? ""),
+    tenGod: str(h["tenGod"]),
+    isMain: h["isMain"] === true || h["isMain"] === void 0 && i === 0
+  }));
+  return {
+    position,
+    ganZhi: String(raw["ganZhi"] ?? ""),
+    stem: String(raw["stem"] ?? ""),
+    branch: String(raw["branch"] ?? ""),
+    mainTenGod: str(raw["stemTenGod"]),
+    hiddenStems,
+    naYin: str(raw["naYin"]),
+    growthStage: str(raw["growthStage"]),
+    voidBranches: Array.isArray(raw["voidBranches"]) ? raw["voidBranches"] : void 0,
+    xun: str(raw["xun"])
+  };
+}
+function adaptInteractions2(list) {
+  if (!Array.isArray(list)) return [];
+  return list.map((raw) => ({
+    typeKey: interactionFromEnum(String(raw["type"] ?? ""))?.key,
+    branches: Array.isArray(raw["branches"]) ? raw["branches"] : void 0,
+    pillars: Array.isArray(raw["pillars"]) ? raw["pillars"] : void 0,
+    description: str(raw["description"])
+  }));
+}
+function adaptDaYun2(daYun) {
+  const cycles = Array.isArray(daYun?.["cycles"]) ? daYun["cycles"] : [];
+  return cycles.map((c) => ({
+    ganZhi: String(c["ganZhi"] ?? ""),
+    stem: str(c["stem"]),
+    branch: str(c["branch"]),
+    stemTenGod: str(c["stemTenGod"]),
+    branchTenGod: str(c["branchTenGod"]),
+    startAge: num(c["startAge"]),
+    endAge: num(c["endAge"]),
+    startYear: num(c["startYear"]),
+    endYear: num(c["endYear"])
+  }));
+}
+function formatCalendarPart(part) {
+  if (!part || typeof part !== "object") return void 0;
+  const y = num(part["year"]);
+  const m = num(part["month"]);
+  const d = num(part["day"]);
+  if (y == null || m == null || d == null) return void 0;
+  const hh = num(part["hour"]);
+  const mm = num(part["minute"]);
+  const time = hh != null && mm != null ? ` ${String(hh).padStart(2, "0")}:${String(mm).padStart(2, "0")}` : "";
+  return `${y}-${String(m).padStart(2, "0")}-${String(d).padStart(2, "0")}${time}`;
+}
+function fromPillarMap(data) {
+  const rawPillars = data["pillars"] ?? {};
+  const pillars = [];
+  for (const { field, position } of PILLAR_ORDER) {
+    const raw = rawPillars[field];
+    if (raw && typeof raw === "object") pillars.push(adaptPillar2(position, raw));
+  }
+  const dm = data["dayMaster"] ?? {};
+  const daYun = data["daYun"] ?? {};
+  const solar = data["solarTimeInfo"] ?? {};
+  const calendar = data["calendar"] ?? {};
+  const lonCorr = num(solar["longitudeCorrectionMinutes"]);
+  const eotCorr = num(solar["equationOfTimeMinutes"]);
+  const correctionMinutes = lonCorr != null || eotCorr != null ? Math.round(((lonCorr ?? 0) + (eotCorr ?? 0)) * 100) / 100 : void 0;
+  return {
+    meta: {
+      engine: "pillarMap",
+      zodiac: str(calendar["zodiac"]),
+      lunar: formatCalendarPart(calendar["lunar"]),
+      solar: formatCalendarPart(calendar["civilSolar"] ?? calendar["calculationSolar"])
+    },
+    solarTime: {
+      trueSolar: str(solar["trueSolarDateTime"] ?? solar["trueSolarTime"]),
+      correctionMinutes
+    },
+    dayMaster: {
+      char: str(dm["char"]),
+      element: str(dm["element"]),
+      polarity: str(dm["polarity"])
+    },
+    pillars,
+    dayMasterElement: str(dm["element"]),
+    daYun: adaptDaYun2(daYun),
+    daYunDirection: daYun["isForward"] === true ? "forward" : daYun["isForward"] === false ? "backward" : void 0,
+    interactions: adaptInteractions2(data["interactions"])
+  };
+}
+
+// src/normalize.ts
+function detectEngine(data) {
+  if (!data || typeof data !== "object") return "unknown";
+  const d = data;
+  if (d["\u516B\u5B57"] && typeof d["\u516B\u5B57"] === "object") return "baziObject";
+  if (d["meta"] && typeof d["meta"] === "object" && "engine" in d["meta"]) return "normalized";
+  if (Array.isArray(d["pillars"]) && d["pillars"][0] && typeof d["pillars"][0] === "object" && "position" in d["pillars"][0]) {
+    return "normalized";
+  }
+  if (d["pillars"] && typeof d["pillars"] === "object" && !Array.isArray(d["pillars"])) {
+    const year = d["pillars"]["year"];
+    if (year && typeof year === "object" && ("ganZhi" in year || "stem" in year)) return "pillarMap";
+  }
+  return "unknown";
+}
+function normalize(data) {
+  const engine = detectEngine(data);
+  switch (engine) {
+    case "baziObject":
+      return fromBaziObject(data);
+    case "pillarMap":
+      return fromPillarMap(data);
+    case "normalized":
+      return data;
+    default:
+      throw new Error(
+        "[bazi-chart] Unrecognized chart data. Expected a bazi-object chart, a pillar-map chart, or a pre-normalized NormalizedChart."
+      );
+  }
+}
+
+// src/theme.ts
+var PALETTES = {
+  light: {
+    bg: "#ffffff",
+    card: "#fafafa",
+    cardAlt: "#f1f1f3",
+    border: "#e4e4e7",
+    text: "#18181b",
+    muted: "#71717a",
+    accent: "#a16207"
+  },
+  dark: {
+    bg: "#18181b",
+    card: "#27272a",
+    cardAlt: "#333338",
+    border: "#3f3f46",
+    text: "#fafafa",
+    muted: "#a1a1aa",
+    accent: "#fbbf24"
+  }
+};
+var ELEMENT_COLORS = {
+  wood: { light: "#15803d", dark: "#4ade80" },
+  fire: { light: "#dc2626", dark: "#f87171" },
+  earth: { light: "#a0522d", dark: "#d2a679" },
+  metal: { light: "#b8860b", dark: "#e6c34a" },
+  water: { light: "#2563eb", dark: "#60a5fa" }
+};
+var NEUTRAL_COLOR = {
+  light: "#52525b",
+  dark: "#d4d4d8"
+};
+function elementColor(key, theme) {
+  if (!key) return NEUTRAL_COLOR[theme];
+  return ELEMENT_COLORS[key]?.[theme] ?? NEUTRAL_COLOR[theme];
+}
+
+// src/i18n.ts
+import { t, translate, elementOf, branchByChar, stemByChar } from "bazi-terms";
+function combine(zh, en, lang) {
+  if (lang === "zh") return zh;
+  if (lang === "en") return en;
+  if (!en || en === zh) return zh;
+  return `${zh} \xB7 ${en}`;
+}
+function labelText(key, lang) {
+  return combine(t(key, "zh"), t(key, "en"), lang);
+}
+function valueText(raw, lang) {
+  if (!raw) return "";
+  const zh = translate(raw, "zh") || raw;
+  const en = translate(raw, "en");
+  return combine(zh, en, lang);
+}
+function elementKeyOf(raw) {
+  if (!raw) return void 0;
+  return elementOf(raw)?.key;
+}
+function stemElement(char) {
+  if (!char) return void 0;
+  return stemByChar(char)?.element;
+}
+function branchElement(char) {
+  if (!char) return void 0;
+  return branchByChar(char)?.element;
+}
+function branchZodiac(char, lang) {
+  if (!char) return "";
+  const b = branchByChar(char);
+  if (!b) return "";
+  return combine(b.zodiacZh, b.zodiacEn, lang);
+}
+
+// src/components/BaziChart.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var POS_LABEL = {
+  year: "yearPillar",
+  month: "monthPillar",
+  day: "dayPillar",
+  hour: "hourPillar"
+};
+function BaziChart(props) {
+  const {
+    lang = "both",
+    theme = "light",
+    showDaYun = true,
+    showInteractions = true,
+    showFiveElements = true,
+    showShenSha = true,
+    style
+  } = props;
+  const chart = props.chart ?? (props.data !== void 0 ? normalize(props.data) : void 0);
+  const p = PALETTES[theme];
+  const box = {
+    background: p.bg,
+    color: p.text,
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif',
+    fontSize: 14,
+    lineHeight: 1.5,
+    padding: 20,
+    borderRadius: 12,
+    border: `1px solid ${p.border}`,
+    boxSizing: "border-box",
+    maxWidth: 860
+  };
+  const card = {
+    background: p.card,
+    border: `1px solid ${p.border}`,
+    borderRadius: 10,
+    padding: 12,
+    boxSizing: "border-box"
+  };
+  const sectionTitle = {
+    fontSize: 13,
+    fontWeight: 600,
+    letterSpacing: 0.4,
+    color: p.accent,
+    textTransform: "uppercase",
+    margin: "20px 0 10px"
+  };
+  const muted = { color: p.muted, fontSize: 12 };
+  const bigChar = (color) => ({
+    color,
+    fontSize: 34,
+    fontWeight: 700,
+    lineHeight: 1.1
+  });
+  const chip = {
+    display: "inline-block",
+    background: p.cardAlt,
+    border: `1px solid ${p.border}`,
+    borderRadius: 999,
+    padding: "2px 9px",
+    fontSize: 12,
+    margin: "2px 4px 2px 0",
+    whiteSpace: "nowrap"
+  };
+  if (!chart) {
+    return /* @__PURE__ */ jsx("div", { style: { ...box, ...style }, children: /* @__PURE__ */ jsx("span", { style: muted, children: "No chart data. Pass `data` (engine output) or `chart` (NormalizedChart)." }) });
+  }
+  const dmElementKey = elementKeyOf(chart.dayMaster.element ?? chart.dayMasterElement);
+  const header = /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexWrap: "wrap", alignItems: "baseline", gap: 10 }, children: [
+    /* @__PURE__ */ jsx("h3", { style: { margin: 0, fontSize: 18, fontWeight: 700 }, children: labelText("bazi", lang) }),
+    chart.dayMaster.char ? /* @__PURE__ */ jsxs("span", { style: chip, children: [
+      labelText("dayMaster", lang),
+      ":",
+      " ",
+      /* @__PURE__ */ jsx("strong", { style: { color: elementColor(dmElementKey, theme) }, children: chart.dayMaster.char }),
+      dmElementKey ? ` (${valueText(dmElementKey, lang)})` : ""
+    ] }) : null,
+    chart.meta.zodiac ? /* @__PURE__ */ jsxs("span", { style: chip, children: [
+      labelText("shengXiao", lang),
+      ": ",
+      valueText(chart.meta.zodiac, lang)
+    ] }) : null,
+    chart.meta.gender ? /* @__PURE__ */ jsxs("span", { style: chip, children: [
+      labelText("gender", lang),
+      ": ",
+      valueText(chart.meta.gender, lang)
+    ] }) : null
+  ] });
+  const metaItems = [];
+  if (chart.meta.solar) metaItems.push(`${labelText("gongLi", lang)}: ${chart.meta.solar}`);
+  if (chart.meta.lunar) metaItems.push(`${labelText("nongLi", lang)}: ${chart.meta.lunar}`);
+  if (chart.solarTime?.trueSolar)
+    metaItems.push(`${labelText("zhenTaiYangShi", lang)}: ${chart.solarTime.trueSolar}`);
+  if (chart.solarTime?.shiChen)
+    metaItems.push(`${labelText("shiChen", lang)}: ${valueText(chart.solarTime.shiChen.replace("\u65F6", ""), lang)}`);
+  const metaBar = metaItems.length ? /* @__PURE__ */ jsx("div", { style: { ...muted, marginTop: 8 }, children: metaItems.map((m, i) => /* @__PURE__ */ jsx("span", { style: { marginRight: 14, display: "inline-block" }, children: m }, i)) }) : null;
+  const renderPillar = (pillar) => {
+    const sColor = elementColor(stemElement(pillar.stem), theme);
+    const bColor = elementColor(branchElement(pillar.branch), theme);
+    const isDay = pillar.position === "day";
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          ...card,
+          flex: "1 1 150px",
+          minWidth: 150,
+          borderColor: isDay ? p.accent : p.border,
+          borderWidth: isDay ? 2 : 1
+        },
+        children: [
+          /* @__PURE__ */ jsx("div", { style: { ...muted, textAlign: "center", fontWeight: 600, marginBottom: 6 }, children: labelText(POS_LABEL[pillar.position], lang) }),
+          /* @__PURE__ */ jsx("div", { style: { textAlign: "center", fontSize: 12, minHeight: 18, color: p.muted }, children: pillar.mainTenGod ? valueText(pillar.mainTenGod, lang) : "" }),
+          /* @__PURE__ */ jsxs("div", { style: { textAlign: "center", margin: "6px 0" }, children: [
+            /* @__PURE__ */ jsx("div", { style: bigChar(sColor), children: pillar.stem }),
+            /* @__PURE__ */ jsx("div", { style: { ...muted, fontSize: 11 }, children: stemElement(pillar.stem) ? valueText(stemElement(pillar.stem), lang) : "" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { style: { textAlign: "center", margin: "6px 0" }, children: [
+            /* @__PURE__ */ jsx("div", { style: bigChar(bColor), children: pillar.branch }),
+            /* @__PURE__ */ jsx("div", { style: { ...muted, fontSize: 11 }, children: branchZodiac(pillar.branch, lang) })
+          ] }),
+          pillar.hiddenStems.length ? /* @__PURE__ */ jsxs("div", { style: { borderTop: `1px solid ${p.border}`, marginTop: 8, paddingTop: 6 }, children: [
+            /* @__PURE__ */ jsx("div", { style: { ...muted, fontSize: 11, marginBottom: 4 }, children: labelText("hiddenStems", lang) }),
+            /* @__PURE__ */ jsx("div", { style: { textAlign: "center" }, children: pillar.hiddenStems.map((h, i) => /* @__PURE__ */ jsxs("span", { style: { display: "inline-block", margin: "0 4px", fontSize: 12 }, children: [
+              /* @__PURE__ */ jsx("strong", { style: { color: elementColor(stemElement(h.char), theme) }, children: h.char }),
+              h.tenGod ? /* @__PURE__ */ jsx("span", { style: { ...muted, fontSize: 10, display: "block" }, children: valueText(h.tenGod, lang) }) : null
+            ] }, i)) })
+          ] }) : null,
+          /* @__PURE__ */ jsxs("div", { style: { borderTop: `1px solid ${p.border}`, marginTop: 8, paddingTop: 6, fontSize: 11, color: p.muted }, children: [
+            pillar.naYin ? /* @__PURE__ */ jsxs("div", { children: [
+              labelText("naYin", lang),
+              ": ",
+              valueText(pillar.naYin, lang)
+            ] }) : null,
+            pillar.growthStage ? /* @__PURE__ */ jsxs("div", { children: [
+              labelText("xingYun", lang),
+              ": ",
+              valueText(pillar.growthStage, lang)
+            ] }) : null,
+            pillar.voidBranches?.length ? /* @__PURE__ */ jsxs("div", { children: [
+              labelText("kongWang", lang),
+              ": ",
+              pillar.voidBranches.join("")
+            ] }) : null
+          ] }),
+          showShenSha && pillar.shenSha?.length ? /* @__PURE__ */ jsx("div", { style: { marginTop: 8 }, children: pillar.shenSha.map((s, i) => /* @__PURE__ */ jsx("span", { style: { ...chip, fontSize: 11 }, children: valueText(s, lang) }, i)) }) : null
+        ]
+      },
+      pillar.position
+    );
+  };
+  const pillars = /* @__PURE__ */ jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: 10, marginTop: 14 }, children: chart.pillars.map(renderPillar) });
+  const renderFiveElements = (scores) => {
+    const max = Math.max(...scores.map((s) => s.score ?? 0), 1);
+    return /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { style: sectionTitle, children: labelText("wuXingFenZhi", lang) }),
+      /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: scores.map((s, i) => {
+        const key = elementKeyOf(s.element);
+        const width = Math.round((s.score ?? 0) / max * 100);
+        const isDm = s.element === chart.dayMasterElement;
+        return /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+          /* @__PURE__ */ jsx("div", { style: { width: 88, fontSize: 12, color: elementColor(key, theme), fontWeight: isDm ? 700 : 400 }, children: valueText(s.element, lang) }),
+          /* @__PURE__ */ jsx("div", { style: { flex: 1, background: p.cardAlt, borderRadius: 6, height: 14, overflow: "hidden" }, children: /* @__PURE__ */ jsx("div", { style: { width: `${width}%`, height: "100%", background: elementColor(key, theme) } }) }),
+          /* @__PURE__ */ jsxs("div", { style: { width: 74, textAlign: "right", ...muted }, children: [
+            s.score != null ? s.score : "",
+            s.percent ? ` (${s.percent})` : ""
+          ] })
+        ] }, i);
+      }) })
+    ] });
+  };
+  const renderInteractions = (items) => /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("div", { style: sectionTitle, children: labelText("interactions", lang) }),
+    /* @__PURE__ */ jsx("div", { children: items.map((it, i) => /* @__PURE__ */ jsxs("span", { style: chip, title: it.description ?? void 0, children: [
+      /* @__PURE__ */ jsx("strong", { children: it.typeKey ? labelText(it.typeKey, lang) : it.description ?? "" }),
+      it.typeKey && it.branches?.length ? ` ${it.branches.join("")}` : ""
+    ] }, i)) })
+  ] });
+  const renderDaYun = (cycles) => /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { style: sectionTitle, children: [
+      labelText("daYun", lang),
+      chart.daYunDirection ? ` \xB7 ${labelText(chart.daYunDirection, lang)}` : "",
+      chart.daYunOnset ? /* @__PURE__ */ jsx("span", { style: { ...muted, textTransform: "none", marginLeft: 8 }, children: chart.daYunOnset }) : null
+    ] }),
+    /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: 8, overflowX: "auto", paddingBottom: 6 }, children: cycles.map((c, i) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          ...card,
+          minWidth: 92,
+          flex: "0 0 auto",
+          textAlign: "center",
+          borderColor: c.isCurrent ? p.accent : p.border,
+          borderWidth: c.isCurrent ? 2 : 1
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { style: { fontSize: 20, fontWeight: 700 }, children: [
+            /* @__PURE__ */ jsx("span", { style: { color: elementColor(stemElement(c.ganZhi[0]), theme) }, children: c.ganZhi[0] }),
+            /* @__PURE__ */ jsx("span", { style: { color: elementColor(branchElement(c.ganZhi[1]), theme) }, children: c.ganZhi[1] })
+          ] }),
+          c.stemTenGod ? /* @__PURE__ */ jsx("div", { style: { ...muted, fontSize: 11 }, children: valueText(c.stemTenGod, lang) }) : null,
+          /* @__PURE__ */ jsx("div", { style: { ...muted, fontSize: 11, marginTop: 4 }, children: c.startAge != null && c.endAge != null ? `${c.startAge}\u2013${c.endAge}` : "" }),
+          /* @__PURE__ */ jsx("div", { style: { ...muted, fontSize: 10 }, children: c.startYear != null && c.endYear != null ? `${c.startYear}\u2013${c.endYear}` : "" }),
+          c.isCurrent ? /* @__PURE__ */ jsx("div", { style: { fontSize: 10, color: p.accent, marginTop: 2 }, children: labelText("current", lang) }) : null
+        ]
+      },
+      i
+    )) })
+  ] });
+  const renderExtras = (chart2) => {
+    const ex = chart2.extras;
+    if (!ex) return null;
+    const rows = [
+      ["mingGong", ex.mingGong],
+      ["shenGong", ex.shenGong],
+      ["taiYuan", ex.taiYuan],
+      ["taiXi", ex.taiXi]
+    ];
+    const filled = rows.filter(([, v]) => v);
+    if (!filled.length) return null;
+    return /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { style: sectionTitle, children: combine("\u5BAB\u4F4D", "Palaces", lang) }),
+      /* @__PURE__ */ jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: 8 }, children: filled.map(([k, v], i) => /* @__PURE__ */ jsxs("span", { style: chip, children: [
+        /* @__PURE__ */ jsxs("span", { style: muted, children: [
+          labelText(k, lang),
+          ":"
+        ] }),
+        " ",
+        /* @__PURE__ */ jsx("strong", { children: v })
+      ] }, i)) })
+    ] });
+  };
+  return /* @__PURE__ */ jsxs("div", { style: { ...box, ...style }, children: [
+    header,
+    metaBar,
+    pillars,
+    showFiveElements && chart.fiveElements?.length ? renderFiveElements(chart.fiveElements) : null,
+    showInteractions && chart.interactions.length ? renderInteractions(chart.interactions) : null,
+    showDaYun && chart.daYun.length ? renderDaYun(chart.daYun) : null,
+    renderExtras(chart)
+  ] });
+}
+export {
+  BaziChart,
+  ELEMENT_COLORS,
+  NEUTRAL_COLOR,
+  PALETTES,
+  branchElement,
+  branchZodiac,
+  combine,
+  detectEngine,
+  elementColor,
+  elementKeyOf,
+  fromBaziObject,
+  fromPillarMap,
+  labelText,
+  normalize,
+  stemElement,
+  valueText
+};
+//# sourceMappingURL=index.js.map