@roxyapi/ui 0.1.3 → 0.2.0

package/dist/components/natal-chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"natal-chart.d.ts","sourceRoot":"","sources":["../../src/components/natal-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAgB,MAAM,KAAK,CAAC;AAG1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAiB5D;;;GAGG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC7C,MAAM,CAAC,MAAM,4BAsGX;IAGF,IAAI,EAAE,kBAAkB,GAAG,IAAI,CAAQ;IAGvC,WAAW,EAAE,UAAU,GAAG,YAAY,GAAG,OAAO,GAAG,MAAM,CAAc;IAEvE,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,OAAO;IAIf,MAAM;IA+DN,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,WAAW;IAsBnB,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,aAAa;CA6BrB;AAmBD,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}
+{"version":3,"file":"natal-chart.d.ts","sourceRoot":"","sources":["../../src/components/natal-chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAgB,MAAM,KAAK,CAAC;AAG1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAsB5D;;;GAGG;AACH,qBACa,cAAe,SAAQ,UAAU;IAC7C,MAAM,CAAC,MAAM,4BAwOX;IAGF,IAAI,EAAE,kBAAkB,GAAG,IAAI,CAAQ;IAGvC,WAAW,EAAE,UAAU,GAAG,YAAY,GAAG,OAAO,GAAG,MAAM,CAAc;IAEvE,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,OAAO;IAIf,MAAM;IAiEN,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,aAAa;IA8ErB,OAAO,CAAC,qBAAqB;IAyB7B,OAAO,CAAC,aAAa;CA6BrB;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,kBAAkB,EAAE,cAAc,CAAC;KACnC;CACD"}

package/dist/components/natal-chart.js

@@ -52,6 +52,23 @@ var SIGN_GLYPH = {
   Aquarius: "\u2652",
   Pisces: "\u2653"
 };
+var SIGNS_ORDER = [
+  "Aries",
+  "Taurus",
+  "Gemini",
+  "Cancer",
+  "Leo",
+  "Virgo",
+  "Libra",
+  "Scorpio",
+  "Sagittarius",
+  "Capricorn",
+  "Aquarius",
+  "Pisces"
+];
+var RASHI_KEYS = SIGNS_ORDER.map(
+  (s) => s.toLowerCase()
+);
 
 // packages/ui/src/utils/base-styles.ts
 import { css } from "lit";
@@ -153,16 +170,32 @@ function formatNumber(value, dp = 1) {
   if (typeof value !== "number" || !Number.isFinite(value)) return "";
   return value.toFixed(dp).replace(/\.?0+$/, "");
 }
+var ASPECT_CLASS = {
+  conjunction: "aspect-conjunction",
+  sextile: "aspect-sextile",
+  square: "aspect-square",
+  trine: "aspect-trine",
+  opposition: "aspect-opposition"
+};
+function normalizeAspect(a) {
+  return (a.type ?? "").toLowerCase().replace(/_/g, "-");
+}
+
+// packages/ui/src/utils/string.ts
+function capitalize(s) {
+  if (!s) return "";
+  return s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();
+}
 
 // packages/ui/src/components/natal-chart.ts
-var SIZE = 384;
+var SIZE = 420;
 var CENTER = SIZE / 2;
-var OUTER_R = 150;
-var SIGN_R = 134;
-var HOUSE_R = 110;
-var PLANET_R = 88;
-var ANGLE_TICK_R = 162;
-var ANGLE_LABEL_R = 176;
+var OUTER_R = 164;
+var SIGN_R = 146;
+var HOUSE_R = 120;
+var PLANET_R = 96;
+var ANGLE_TICK_R = 178;
+var ANGLE_LABEL_R = 196;
 var RoxyNatalChart = class extends LitElement {
   constructor() {
     super(...arguments);
@@ -235,6 +268,8 @@ var RoxyNatalChart = class extends LitElement {
 				<span><span class="legend-swatch" style="background: var(--roxy-success)"></span>harmonious</span>
 				<span><span class="legend-swatch" style="background: var(--roxy-danger)"></span>challenging</span>
 			</div>
+			${this.renderDetails()}
+			${this.renderInterpretations()}
 		</div>`;
   }
   renderAngles() {
@@ -265,21 +300,7 @@ var RoxyNatalChart = class extends LitElement {
     });
   }
   renderSigns() {
-    const order = [
-      "Aries",
-      "Taurus",
-      "Gemini",
-      "Cancer",
-      "Leo",
-      "Virgo",
-      "Libra",
-      "Scorpio",
-      "Sagittarius",
-      "Capricorn",
-      "Aquarius",
-      "Pisces"
-    ];
-    return order.map((sign, i) => {
+    return SIGNS_ORDER.map((sign, i) => {
       const angle = this.toAngle(i * 30 + 15);
       const pos = polarToCartesian(CENTER, CENTER, SIGN_R, angle);
       return svg`<text class="sign-glyph" x=${pos.x} y=${pos.y} text-anchor="middle" dominant-baseline="central">${SIGN_GLYPH[sign]}</text>`;
@@ -305,6 +326,76 @@ var RoxyNatalChart = class extends LitElement {
       return svg`<text class="planet-glyph" x=${pos.x} y=${pos.y} text-anchor="middle" dominant-baseline="central"><title>${p.name}${retro}</title>${display}</text>`;
     });
   }
+  renderDetails() {
+    const summary = this.data?.summary;
+    const ai = this.data?.aspectsInterpretation;
+    if (!summary && !ai) return nothing;
+    const retrogrades = summary?.retrogradePlanets ?? [];
+    const elementDist = summary?.elementDistribution ?? {};
+    const modalityDist = summary?.modalityDistribution ?? {};
+    const elementMax = Math.max(1, ...Object.values(elementDist));
+    const modalityMax = Math.max(1, ...Object.values(modalityDist));
+    return html`<div class="details">
+			${summary?.dominantElement || summary?.dominantModality ? html`<div class="pill-row">
+						${summary.dominantElement ? html`<span class="pill">Dominant element: ${summary.dominantElement}</span>` : nothing}
+						${summary.dominantModality ? html`<span class="pill">Dominant modality: ${summary.dominantModality}</span>` : nothing}
+					</div>` : nothing}
+			${ai ? html`<div class="pill-row">
+						<span class="pill pill--success">Harmonious ${ai.harmonious}</span>
+						<span class="pill pill--danger">Challenging ${ai.challenging}</span>
+						<span class="pill pill--muted">Neutral ${ai.neutral}</span>
+					</div>` : nothing}
+			${retrogrades.length > 0 ? html`<div class="pill-row">
+						${retrogrades.map((p) => {
+      const glyph = PLANET_GLYPH[p] ?? p.slice(0, 2);
+      return html`<span class="pill pill--muted">${glyph} ${p} R</span>`;
+    })}
+					</div>` : nothing}
+			${ai?.summary ? html`<p class="summary">${ai.summary}</p>` : nothing}
+			${Object.keys(elementDist).length > 0 || Object.keys(modalityDist).length > 0 ? html`<div class="dist-grid">
+						${Object.keys(elementDist).length > 0 ? html`<div class="dist-section">
+									<h3>Elements</h3>
+									${Object.entries(elementDist).map(
+      ([label, count]) => html`<div class="dist-row">
+											<span>${label}</span>
+											<div class="dist-bar"><span style="width: ${Math.round(count / elementMax * 100)}%"></span></div>
+											<span>${count}</span>
+										</div>`
+    )}
+								</div>` : nothing}
+						${Object.keys(modalityDist).length > 0 ? html`<div class="dist-section">
+									<h3>Modalities</h3>
+									${Object.entries(modalityDist).map(
+      ([label, count]) => html`<div class="dist-row">
+											<span>${label}</span>
+											<div class="dist-bar"><span style="width: ${Math.round(count / modalityMax * 100)}%"></span></div>
+											<span>${count}</span>
+										</div>`
+    )}
+								</div>` : nothing}
+					</div>` : nothing}
+		</div>`;
+  }
+  renderInterpretations() {
+    const planets = this.getPlanets().filter((p) => p.interpretation);
+    if (planets.length === 0) return nothing;
+    return html`<section class="interpretations">
+			<h3>Planet readings</h3>
+			${planets.map((p) => {
+      const interp = p.interpretation;
+      const glyph = PLANET_GLYPH[capitalize(p.name)] ?? "";
+      const deg = formatNumber(p.degree ?? 0, 1);
+      return html`<details class="interp-card">
+					<summary>${glyph} ${p.name} <small>${p.sign ?? ""} ${deg}</small></summary>
+					<div class="interp-body">
+						${interp.summary ? html`<p class="interp-summary">${interp.summary}</p>` : nothing}
+						${interp.detailed ? html`<p class="interp-detail">${interp.detailed}</p>` : nothing}
+						${interp.keywords?.length ? html`<div class="interp-keywords">${interp.keywords.map((k) => html`<span class="kw">${k}</span>`)}</div>` : nothing}
+					</div>
+				</details>`;
+    })}
+		</section>`;
+  }
   renderAspects(planets, aspects) {
     const planetMap = /* @__PURE__ */ new Map();
     for (const p of planets) {
@@ -436,6 +527,136 @@ RoxyNatalChart.styles = [
 				margin-right: 4px;
 				vertical-align: middle;
 			}
+
+			.details {
+				margin-top: var(--roxy-space-md, 1rem);
+			}
+
+			.pill-row {
+				display: flex;
+				flex-wrap: wrap;
+				gap: var(--roxy-space-xs, 0.25rem);
+				margin-bottom: var(--roxy-space-xs, 0.25rem);
+			}
+
+			.pill {
+				padding: 2px 8px;
+				border-radius: var(--roxy-radius-sm, 4px);
+				font-size: var(--roxy-text-xs, 0.75rem);
+				background: color-mix(in srgb, var(--roxy-fg, #0f172a) 8%, transparent);
+				color: var(--roxy-fg, #0f172a);
+			}
+
+			.pill--success {
+				background: color-mix(in srgb, var(--roxy-success, #16a34a) 15%, transparent);
+				color: var(--roxy-success, #16a34a);
+			}
+
+			.pill--danger {
+				background: color-mix(in srgb, var(--roxy-danger, #dc2626) 15%, transparent);
+				color: var(--roxy-danger, #dc2626);
+			}
+
+			.pill--muted {
+				background: color-mix(in srgb, var(--roxy-border, #e4e4e7) 60%, transparent);
+				color: var(--roxy-fg, #0a0a0a);
+			}
+
+			.summary {
+				color: var(--roxy-fg, #0f172a);
+				font-size: var(--roxy-text-sm, 0.875rem);
+				margin: var(--roxy-space-md, 1rem) 0;
+			}
+
+			.dist-grid {
+				display: grid;
+				grid-template-columns: 1fr 1fr;
+				gap: var(--roxy-space-md, 1rem);
+			}
+
+			@container (max-width: 639px) {
+				.dist-grid {
+					grid-template-columns: 1fr;
+				}
+			}
+
+			.dist-section h3 {
+				font-size: var(--roxy-text-xs, 0.75rem);
+				font-weight: var(--roxy-weight-bold, 600);
+				color: var(--roxy-muted, #71717a);
+				margin: 0 0 var(--roxy-space-xs, 0.25rem);
+				text-transform: uppercase;
+				letter-spacing: 0.05em;
+			}
+
+			.dist-row {
+				display: grid;
+				grid-template-columns: 4rem 1fr 1.5rem;
+				align-items: center;
+				gap: var(--roxy-space-xs, 0.25rem);
+				font-size: var(--roxy-text-xs, 0.75rem);
+				color: var(--roxy-fg, #0f172a);
+				margin-bottom: 4px;
+			}
+
+			.dist-bar {
+				background: color-mix(in srgb, var(--roxy-accent, #f59e0b) 20%, transparent);
+				height: 6px;
+				border-radius: 3px;
+			}
+
+			.dist-bar > span {
+				display: block;
+				height: 100%;
+				background: var(--roxy-accent, #f59e0b);
+				border-radius: 3px;
+			}
+
+			.interpretations {
+				margin-top: var(--roxy-space-md, 1rem);
+			}
+			.interpretations h3 {
+				font-size: var(--roxy-text-sm, 0.875rem);
+				font-weight: 600;
+				color: var(--roxy-muted, #71717a);
+				text-transform: uppercase;
+				letter-spacing: 0.06em;
+				margin: 0 0 var(--roxy-space-sm, 0.5rem);
+			}
+			.interp-card {
+				border: 1px solid var(--roxy-border, #e4e4e7);
+				border-radius: var(--roxy-radius-md, 8px);
+				padding: var(--roxy-space-sm, 0.5rem) var(--roxy-space-md, 1rem);
+				margin-bottom: var(--roxy-space-xs, 0.25rem);
+			}
+			.interp-card summary {
+				cursor: pointer;
+				font-weight: 500;
+				color: var(--roxy-fg, #0f172a);
+			}
+			.interp-card summary small {
+				color: var(--roxy-muted, #71717a);
+				margin-left: 0.5em;
+				font-weight: 400;
+			}
+			.interp-body {
+				margin-top: var(--roxy-space-xs, 0.25rem);
+				color: var(--roxy-fg, #0f172a);
+				font-size: var(--roxy-text-sm, 0.875rem);
+			}
+			.interp-keywords {
+				display: flex;
+				flex-wrap: wrap;
+				gap: 0.25rem;
+				margin-top: 0.5rem;
+			}
+			.interp-keywords .kw {
+				padding: 1px 8px;
+				border-radius: 9999px;
+				background: color-mix(in srgb, var(--roxy-accent, #f59e0b) 14%, transparent);
+				color: var(--roxy-accent-fg, #b45309);
+				font-size: var(--roxy-text-xs, 0.75rem);
+			}
 		`
 ];
 __decorateClass([
@@ -447,20 +668,6 @@ __decorateClass([
 RoxyNatalChart = __decorateClass([
   customElement("roxy-natal-chart")
 ], RoxyNatalChart);
-function capitalize(s) {
-  if (!s) return "";
-  return s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();
-}
-var ASPECT_CLASS = {
-  conjunction: "aspect-conjunction",
-  sextile: "aspect-sextile",
-  square: "aspect-square",
-  trine: "aspect-trine",
-  opposition: "aspect-opposition"
-};
-function normalizeAspect(a) {
-  return (a.type ?? "").toLowerCase().replace(/_/g, "-");
-}
 export {
   RoxyNatalChart
 };

package/dist/components/natal-chart.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/components/natal-chart.ts", "../../src/tokens/index.ts", "../../src/utils/base-styles.ts", "../../src/utils/degree.ts", "../../src/utils/format.ts"],
-  "sourcesContent": ["import { css, html, LitElement, nothing, svg } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { PLANET_GLYPH, SIGN_GLYPH } from '../tokens/index.js';\nimport type { NatalChartResponse } from '../types/index.js';\nimport { baseStyles } from '../utils/base-styles.js';\nimport { longitudeToSignPosition, polarToCartesian } from '../utils/degree.js';\nimport { formatNumber } from '../utils/format.js';\n\ntype PlanetEntry = NatalChartResponse['planets'][number];\ntype AspectEntry = NatalChartResponse['aspects'][number];\n\nconst SIZE = 384;\nconst CENTER = SIZE / 2;\nconst OUTER_R = 150;\nconst SIGN_R = 134;\nconst HOUSE_R = 110;\nconst PLANET_R = 88;\nconst ANGLE_TICK_R = 162;\nconst ANGLE_LABEL_R = 176;\n\n/**\n * Western natal chart wheel. Renders the 12 zodiac signs, 12 houses, planet\n * markers, and aspect lines from a /astrology/natal-chart response.\n */\n@customElement('roxy-natal-chart')\nexport class RoxyNatalChart extends LitElement {\n\tstatic styles = [\n\t\tbaseStyles,\n\t\tcss`\n\t\t\t.wrap {\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: grid;\n\t\t\t\tgap: var(--roxy-space-md, 1rem);\n\t\t\t}\n\n\t\t\t.title {\n\t\t\t\tfont-size: var(--roxy-text-lg, 1.125rem);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t\tmargin: 0;\n\t\t\t\tcolor: var(--roxy-primary, #0f172a);\n\t\t\t}\n\n\t\t\t.meta {\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 100%;\n\t\t\t\tmax-width: 360px;\n\t\t\t\theight: auto;\n\t\t\t\tmargin: 0 auto;\n\t\t\t}\n\n\t\t\t.wheel-line {\n\t\t\t\tfill: none;\n\t\t\t\tstroke: var(--roxy-border, #e4e4e7);\n\t\t\t}\n\n\t\t\t.sign-glyph {\n\t\t\t\tfill: var(--roxy-secondary, #475569);\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-family: var(--roxy-font-sans);\n\t\t\t}\n\n\t\t\t.planet-glyph {\n\t\t\t\tfill: var(--roxy-accent, #f59e0b);\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tfont-family: var(--roxy-font-sans);\n\t\t\t}\n\n\t\t\t.house-num {\n\t\t\t\tfill: var(--roxy-muted, #71717a);\n\t\t\t\tfont-size: 9px;\n\t\t\t\tfont-family: var(--roxy-font-sans);\n\t\t\t}\n\n\t\t\t.aspect {\n\t\t\t\tstroke-width: 0.8;\n\t\t\t\tfill: none;\n\t\t\t\topacity: 0.55;\n\t\t\t}\n\t\t\t.aspect-trine,\n\t\t\t.aspect-sextile {\n\t\t\t\tstroke: var(--roxy-success, #16a34a);\n\t\t\t}\n\t\t\t.aspect-square,\n\t\t\t.aspect-opposition {\n\t\t\t\tstroke: var(--roxy-danger, #dc2626);\n\t\t\t}\n\t\t\t.aspect-conjunction {\n\t\t\t\tstroke: var(--roxy-accent-fg, #b45309);\n\t\t\t}\n\t\t\t.aspect-other {\n\t\t\t\tstroke: var(--roxy-muted, #71717a);\n\t\t\t\topacity: 0.4;\n\t\t\t}\n\n\t\t\t.angle-marker {\n\t\t\t\tfill: var(--roxy-accent-fg, #b45309);\n\t\t\t\tfont-size: 10px;\n\t\t\t\tfont-weight: 700;\n\t\t\t\tfont-family: var(--roxy-font-sans);\n\t\t\t\tletter-spacing: 0.04em;\n\t\t\t}\n\t\t\t.angle-tick {\n\t\t\t\tstroke: var(--roxy-accent-fg, #b45309);\n\t\t\t\tstroke-width: 1.5;\n\t\t\t}\n\n\t\t\t.legend {\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: var(--roxy-space-md, 1rem);\n\t\t\t}\n\t\t\t.legend-swatch {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\twidth: 8px;\n\t\t\t\theight: 8px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tmargin-right: 4px;\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ attribute: false })\n\tdata: NatalChartResponse | null = null;\n\n\t@property({ type: String, attribute: 'house-system', reflect: true })\n\thouseSystem: 'placidus' | 'whole-sign' | 'equal' | 'koch' = 'placidus';\n\n\tprivate getPlanets(): PlanetEntry[] {\n\t\treturn this.data?.planets ?? [];\n\t}\n\n\tprivate getAscendant(): number {\n\t\treturn this.data?.ascendant?.longitude ?? 0;\n\t}\n\n\tprivate getMidheaven(): number | null {\n\t\tconst m = this.data?.midheaven?.longitude;\n\t\treturn typeof m === 'number' ? m : null;\n\t}\n\n\tprivate toAngle(lon: number): number {\n\t\treturn 180 + this.getAscendant() - lon;\n\t}\n\n\trender() {\n\t\tif (!this.data)\n\t\t\treturn html`<div class=\"roxy-empty\" role=\"status\">No chart data</div>`;\n\t\tconst planets = this.getPlanets();\n\t\tconst aspects = this.data.aspects ?? [];\n\n\t\treturn html`<div class=\"wrap\">\n\t\t\t<header>\n\t\t\t\t<h2 class=\"title\">Natal chart</h2>\n\t\t\t\t${\n\t\t\t\t\tthis.data.birthDetails\n\t\t\t\t\t\t? html`<div class=\"meta\">\n\t\t\t\t\t\t\t${[this.data.birthDetails.date, this.data.birthDetails.time]\n\t\t\t\t\t\t\t\t.filter(Boolean)\n\t\t\t\t\t\t\t\t.join(' \u00B7 ')}\n\t\t\t\t\t\t</div>`\n\t\t\t\t\t\t: nothing\n\t\t\t\t}\n\t\t\t</header>\n\t\t\t<svg\n\t\t\t\tviewBox=\"0 0 ${SIZE} ${SIZE}\"\n\t\t\t\trole=\"img\"\n\t\t\t\taria-label=\"Natal chart wheel with twelve houses, planets, and aspects\"\n\t\t\t>\n\t\t\t\t<title>Natal chart wheel</title>\n\t\t\t\t<desc>\n\t\t\t\t\tTwelve zodiac sign segments around a circular wheel. Planet glyphs are\n\t\t\t\t\tplaced at their ecliptic longitudes. Aspect lines connect related planets.\n\t\t\t\t</desc>\n\t\t\t\t<circle\n\t\t\t\t\tclass=\"wheel-line\"\n\t\t\t\t\tcx=${CENTER}\n\t\t\t\t\tcy=${CENTER}\n\t\t\t\t\tr=${OUTER_R}\n\t\t\t\t\tstroke-width=\"1.5\"\n\t\t\t\t/>\n\t\t\t\t<circle\n\t\t\t\t\tclass=\"wheel-line\"\n\t\t\t\t\tcx=${CENTER}\n\t\t\t\t\tcy=${CENTER}\n\t\t\t\t\tr=${HOUSE_R}\n\t\t\t\t\tstroke-width=\"1\"\n\t\t\t\t/>\n\t\t\t\t<circle\n\t\t\t\t\tclass=\"wheel-line\"\n\t\t\t\t\tcx=${CENTER}\n\t\t\t\t\tcy=${CENTER}\n\t\t\t\t\tr=${PLANET_R - 16}\n\t\t\t\t\tstroke-width=\"0.5\"\n\t\t\t\t/>\n\t\t\t\t${this.renderSpokes()} ${this.renderSigns()} ${this.renderHouseNumbers()}\n\t\t\t\t${this.renderAspects(planets, aspects)} ${this.renderPlanets(planets)}\n\t\t\t\t${this.renderAngles()}\n\t\t\t</svg>\n\t\t\t<div class=\"legend\">\n\t\t\t\t<span>${planets.length} planets</span>\n\t\t\t\t<span>${aspects.length} aspects</span>\n\t\t\t\t<span><span class=\"legend-swatch\" style=\"background: var(--roxy-success)\"></span>harmonious</span>\n\t\t\t\t<span><span class=\"legend-swatch\" style=\"background: var(--roxy-danger)\"></span>challenging</span>\n\t\t\t</div>\n\t\t</div>`;\n\t}\n\n\tprivate renderAngles() {\n\t\tconst asc = this.getAscendant();\n\t\tconst mc = this.getMidheaven();\n\t\tconst items = [this.renderAngleMark(asc, 'ASC')];\n\t\tif (mc !== null) items.push(this.renderAngleMark(mc, 'MC'));\n\t\treturn items;\n\t}\n\n\tprivate renderAngleMark(longitude: number, label: string) {\n\t\tconst angle = this.toAngle(longitude);\n\t\tconst tickInner = polarToCartesian(CENTER, CENTER, OUTER_R, angle);\n\t\tconst tickOuter = polarToCartesian(CENTER, CENTER, ANGLE_TICK_R, angle);\n\t\tconst labelPos = polarToCartesian(CENTER, CENTER, ANGLE_LABEL_R, angle);\n\t\treturn svg`\n\t\t\t<g>\n\t\t\t\t<line class=\"angle-tick\" x1=${tickInner.x} y1=${tickInner.y} x2=${tickOuter.x} y2=${tickOuter.y} />\n\t\t\t\t<text class=\"angle-marker\" x=${labelPos.x} y=${labelPos.y} text-anchor=\"middle\" dominant-baseline=\"central\">${label}</text>\n\t\t\t</g>\n\t\t`;\n\t}\n\n\tprivate renderSpokes() {\n\t\treturn Array.from({ length: 12 }, (_, i) => {\n\t\t\tconst angle = this.toAngle(i * 30);\n\t\t\tconst start = polarToCartesian(CENTER, CENTER, HOUSE_R, angle);\n\t\t\tconst end = polarToCartesian(CENTER, CENTER, OUTER_R, angle);\n\t\t\treturn svg`<line class=\"wheel-line\" x1=${start.x} y1=${start.y} x2=${end.x} y2=${end.y} stroke-width=\"0.8\" />`;\n\t\t});\n\t}\n\n\tprivate renderSigns() {\n\t\tconst order = [\n\t\t\t'Aries',\n\t\t\t'Taurus',\n\t\t\t'Gemini',\n\t\t\t'Cancer',\n\t\t\t'Leo',\n\t\t\t'Virgo',\n\t\t\t'Libra',\n\t\t\t'Scorpio',\n\t\t\t'Sagittarius',\n\t\t\t'Capricorn',\n\t\t\t'Aquarius',\n\t\t\t'Pisces',\n\t\t];\n\t\treturn order.map((sign, i) => {\n\t\t\tconst angle = this.toAngle(i * 30 + 15);\n\t\t\tconst pos = polarToCartesian(CENTER, CENTER, SIGN_R, angle);\n\t\t\treturn svg`<text class=\"sign-glyph\" x=${pos.x} y=${pos.y} text-anchor=\"middle\" dominant-baseline=\"central\">${SIGN_GLYPH[sign]}</text>`;\n\t\t});\n\t}\n\n\tprivate renderHouseNumbers() {\n\t\tconst ascSignIndex = Math.floor(this.getAscendant() / 30);\n\t\treturn Array.from({ length: 12 }, (_, i) => {\n\t\t\tconst angle = this.toAngle(i * 30 + 15);\n\t\t\tconst pos = polarToCartesian(CENTER, CENTER, HOUSE_R - 12, angle);\n\t\t\tconst houseNum = ((i - ascSignIndex + 12) % 12) + 1;\n\t\t\treturn svg`<text class=\"house-num\" x=${pos.x} y=${pos.y} text-anchor=\"middle\" dominant-baseline=\"central\">${houseNum}</text>`;\n\t\t});\n\t}\n\n\tprivate renderPlanets(planets: PlanetEntry[]) {\n\t\treturn planets.map((p) => {\n\t\t\tif (!Number.isFinite(p.longitude)) return nothing;\n\t\t\tconst angle = this.toAngle(p.longitude);\n\t\t\tconst pos = polarToCartesian(CENTER, CENTER, PLANET_R, angle);\n\t\t\tconst glyph = PLANET_GLYPH[capitalize(p.name)] ?? p.name.slice(0, 2);\n\t\t\tconst retro = p.isRetrograde ? ' R' : '';\n\t\t\tconst display = retro ? `${glyph}\u1D3F` : glyph;\n\t\t\treturn svg`<text class=\"planet-glyph\" x=${pos.x} y=${pos.y} text-anchor=\"middle\" dominant-baseline=\"central\"><title>${p.name}${retro}</title>${display}</text>`;\n\t\t});\n\t}\n\n\tprivate renderAspects(planets: PlanetEntry[], aspects: AspectEntry[]) {\n\t\tconst planetMap = new Map<string, number>();\n\t\tfor (const p of planets) {\n\t\t\tif (typeof p.longitude !== 'number') continue;\n\t\t\tconst name = capitalize(p.name);\n\t\t\tif (name) planetMap.set(name, p.longitude);\n\t\t}\n\t\treturn aspects.map((a) => {\n\t\t\tconst l1 = planetMap.get(capitalize(a.planet1));\n\t\t\tconst l2 = planetMap.get(capitalize(a.planet2));\n\t\t\tif (l1 === undefined || l2 === undefined) return nothing;\n\t\t\tconst p1 = polarToCartesian(\n\t\t\t\tCENTER,\n\t\t\t\tCENTER,\n\t\t\t\tPLANET_R - 18,\n\t\t\t\tthis.toAngle(l1),\n\t\t\t);\n\t\t\tconst p2 = polarToCartesian(\n\t\t\t\tCENTER,\n\t\t\t\tCENTER,\n\t\t\t\tPLANET_R - 18,\n\t\t\t\tthis.toAngle(l2),\n\t\t\t);\n\t\t\tconst aspectName = normalizeAspect(a);\n\t\t\tconst aspectClass = ASPECT_CLASS[aspectName] ?? 'aspect-other';\n\t\t\tconst orbLabel = formatNumber(a.orb, 1);\n\t\t\treturn svg`<line class=${`aspect ${aspectClass}`} x1=${p1.x} y1=${p1.y} x2=${p2.x} y2=${p2.y}><title>${a.planet1} ${aspectName || ''} ${a.planet2}${orbLabel ? ` (orb ${orbLabel}\u00B0)` : ''}</title></line>`;\n\t\t});\n\t}\n}\n\nfunction capitalize(s: string): string {\n\tif (!s) return '';\n\treturn s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();\n}\n\nconst ASPECT_CLASS: Record<string, string> = {\n\tconjunction: 'aspect-conjunction',\n\tsextile: 'aspect-sextile',\n\tsquare: 'aspect-square',\n\ttrine: 'aspect-trine',\n\topposition: 'aspect-opposition',\n};\n\nfunction normalizeAspect(a: AspectEntry): string {\n\treturn (a.type ?? '').toLowerCase().replace(/_/g, '-');\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'roxy-natal-chart': RoxyNatalChart;\n\t}\n}\n", "/**\n * Symbol constants used across components. Single source of truth so chart\n * wheels, card headers, hexagram displays, and panchang tables stay visually\n * consistent.\n */\n\nexport const PLANET_GLYPH: Record<string, string> = {\n\tSun: '\u2609',\n\tMoon: '\u263D',\n\tMercury: '\u263F',\n\tVenus: '\u2640',\n\tEarth: '\u2641',\n\tMars: '\u2642',\n\tJupiter: '\u2643',\n\tSaturn: '\u2644',\n\tUranus: '\u2645',\n\tNeptune: '\u2646',\n\tPluto: '\u2647',\n\tRahu: '\u260A',\n\tKetu: '\u260B',\n\tAscendant: 'Asc',\n\tLagna: 'La',\n\tNorthNode: '\u260A',\n\tSouthNode: '\u260B',\n\t'North node': '\u260A',\n\t'South node': '\u260B',\n\tChiron: '\u26B7',\n\tLilith: '\u26B8',\n\t'Black moon lilith': '\u26B8',\n};\n\nexport const PLANET_ABBR: Record<string, string> = {\n\tSun: 'Su',\n\tMoon: 'Mo',\n\tMercury: 'Me',\n\tVenus: 'Ve',\n\tMars: 'Ma',\n\tJupiter: 'Ju',\n\tSaturn: 'Sa',\n\tUranus: 'Ur',\n\tNeptune: 'Ne',\n\tPluto: 'Pl',\n\tRahu: 'Ra',\n\tKetu: 'Ke',\n\tAscendant: 'Asc',\n\tLagna: 'La',\n};\n\nexport const SIGN_GLYPH: Record<string, string> = {\n\tAries: '\u2648',\n\tTaurus: '\u2649',\n\tGemini: '\u264A',\n\tCancer: '\u264B',\n\tLeo: '\u264C',\n\tVirgo: '\u264D',\n\tLibra: '\u264E',\n\tScorpio: '\u264F',\n\tSagittarius: '\u2650',\n\tCapricorn: '\u2651',\n\tAquarius: '\u2652',\n\tPisces: '\u2653',\n};\n\nexport const SIGN_ABBR: Record<string, string> = {\n\tAries: 'Ar',\n\tTaurus: 'Ta',\n\tGemini: 'Ge',\n\tCancer: 'Cn',\n\tLeo: 'Le',\n\tVirgo: 'Vi',\n\tLibra: 'Li',\n\tScorpio: 'Sc',\n\tSagittarius: 'Sg',\n\tCapricorn: 'Cp',\n\tAquarius: 'Aq',\n\tPisces: 'Pi',\n};\n\nexport const SIGNS_ORDER = [\n\t'Aries',\n\t'Taurus',\n\t'Gemini',\n\t'Cancer',\n\t'Leo',\n\t'Virgo',\n\t'Libra',\n\t'Scorpio',\n\t'Sagittarius',\n\t'Capricorn',\n\t'Aquarius',\n\t'Pisces',\n] as const;\n\n/** Aspect symbols. Used by synastry and natal chart aspect tables. */\nexport const ASPECT_SYMBOL: Record<string, string> = {\n\tconjunction: '\u260C',\n\topposition: '\u260D',\n\ttrine: '\u25B3',\n\tsquare: '\u25A1',\n\tsextile: '\u2731',\n\tquincunx: '\u22BB',\n\tsemisextile: '\u22BC',\n};\n\n/** Trigrams used by I Ching hexagrams. Eight trigrams compose 64 hexagrams. */\nexport const TRIGRAM_GLYPH: Record<string, string> = {\n\theaven: '\u2630',\n\tlake: '\u2631',\n\tfire: '\u2632',\n\tthunder: '\u2633',\n\twind: '\u2634',\n\twater: '\u2635',\n\tmountain: '\u2636',\n\tearth: '\u2637',\n\tHeaven: '\u2630',\n\tLake: '\u2631',\n\tFire: '\u2632',\n\tThunder: '\u2633',\n\tWind: '\u2634',\n\tWater: '\u2635',\n\tMountain: '\u2636',\n\tEarth: '\u2637',\n};\n\n/** Moon phase emoji set. Used by moon phase card. */\nexport const MOON_PHASE_EMOJI: Record<string, string> = {\n\t'new moon': '\uD83C\uDF11',\n\t'waxing crescent': '\uD83C\uDF12',\n\t'first quarter': '\uD83C\uDF13',\n\t'waxing gibbous': '\uD83C\uDF14',\n\t'full moon': '\uD83C\uDF15',\n\t'waning gibbous': '\uD83C\uDF16',\n\t'last quarter': '\uD83C\uDF17',\n\t'waning crescent': '\uD83C\uDF18',\n};\n", "import { css } from 'lit';\n\n/**\n * Shared host styles every component pulls in. Sets default font, color,\n * container query support, and the entry fade-in.\n */\nexport const baseStyles = css`\n\t:host {\n\t\tdisplay: block;\n\t\tcontainer-type: inline-size;\n\t\tfont-family: var(\n\t\t\t--roxy-font-sans,\n\t\t\tsystem-ui,\n\t\t\t-apple-system,\n\t\t\tBlinkMacSystemFont,\n\t\t\t'Segoe UI',\n\t\t\tRoboto,\n\t\t\tsans-serif\n\t\t);\n\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\tbackground: transparent;\n\t\tfont-size: var(--roxy-text-base, 1rem);\n\t\tline-height: var(--roxy-leading-normal, 1.5);\n\t\tanimation: roxy-fade-in var(--roxy-motion-duration, 200ms)\n\t\t\tvar(--roxy-motion-easing, cubic-bezier(0.4, 0, 0.2, 1)) both;\n\t}\n\n\t*,\n\t*::before,\n\t*::after {\n\t\tbox-sizing: border-box;\n\t}\n\n\t@keyframes roxy-fade-in {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(2px);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t:host {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.roxy-skeleton {\n\t\tbackground: linear-gradient(\n\t\t\t90deg,\n\t\t\tvar(--roxy-border, #e4e4e7) 0%,\n\t\t\tcolor-mix(in srgb, var(--roxy-border, #e4e4e7) 60%, transparent) 50%,\n\t\t\tvar(--roxy-border, #e4e4e7) 100%\n\t\t);\n\t\tbackground-size: 200% 100%;\n\t\tanimation: roxy-shimmer 1.4s ease-in-out infinite;\n\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t}\n\n\t@keyframes roxy-shimmer {\n\t\t0% {\n\t\t\tbackground-position: 200% 0;\n\t\t}\n\t\t100% {\n\t\t\tbackground-position: -200% 0;\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t.roxy-skeleton {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.roxy-empty {\n\t\tpadding: var(--roxy-space-lg, 1.5rem);\n\t\tcolor: var(--roxy-muted, #71717a);\n\t\ttext-align: center;\n\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t}\n\n\t:host(:focus-within) .roxy-card {\n\t\toutline: 2px solid var(--roxy-ring, rgba(245, 158, 11, 0.4));\n\t\toutline-offset: 2px;\n\t}\n`;\n", "/**\n * Math helpers for converting raw ecliptic longitude decimals into the\n * sign / degree / minute / second triplet used across chart components.\n */\n\nimport { SIGNS_ORDER } from '../tokens/index.js';\n\nexport interface SignPosition {\n\tsign: string;\n\tsignIndex: number;\n\tdegree: number;\n\tminute: number;\n\tsecond: number;\n}\n\n/**\n * Wrap longitude into [0, 360) so negative or out-of-range values still\n * resolve to a real sign. Robust to wonky upstream data.\n */\nexport function normalizeLongitude(lon: number): number {\n\tconst wrapped = lon % 360;\n\treturn wrapped < 0 ? wrapped + 360 : wrapped;\n}\n\n/**\n * Convert decimal ecliptic longitude (0-360) into sign/degree/minute/second.\n * Used by every chart wheel and aspect table.\n */\nexport function longitudeToSignPosition(longitude: number): SignPosition {\n\tconst lon = normalizeLongitude(longitude);\n\tconst signIndex = Math.floor(lon / 30) % 12;\n\tconst within = lon % 30;\n\tconst degree = Math.floor(within);\n\tconst minuteFloat = (within - degree) * 60;\n\tconst minute = Math.floor(minuteFloat);\n\tconst second = Math.round((minuteFloat - minute) * 60);\n\treturn {\n\t\tsign: SIGNS_ORDER[signIndex] ?? 'Aries',\n\t\tsignIndex,\n\t\tdegree,\n\t\tminute,\n\t\tsecond,\n\t};\n}\n\n/** Compact display string like \"12\u00B0 Leo 34'\". Used in chart labels. */\nexport function formatSignPosition(longitude: number): string {\n\tconst { sign, degree, minute } = longitudeToSignPosition(longitude);\n\treturn `${degree}\u00B0 ${sign} ${String(minute).padStart(2, '0')}'`;\n}\n\n/** Polar to cartesian for SVG wheel positioning. Angle in degrees, 0 at 3 o'clock. */\nexport function polarToCartesian(\n\tcx: number,\n\tcy: number,\n\tradius: number,\n\tangleDeg: number,\n): { x: number; y: number } {\n\tconst angleRad = (angleDeg * Math.PI) / 180;\n\treturn {\n\t\tx: cx + radius * Math.cos(angleRad),\n\t\ty: cy + radius * Math.sin(angleRad),\n\t};\n}\n", "/**\n * Display formatters for ISO timestamps and floats coming back from the API.\n * Every helper returns \"\" for nullish or unparseable input so it falls out of\n * template literals cleanly.\n */\n\nexport function formatTime(input: unknown): string {\n\tif (typeof input !== 'string' || input.length === 0) return '';\n\tif (/^\\d{4}-\\d{2}-\\d{2}$/.test(input)) return '';\n\tconst bareTime = /^\\d{2}:\\d{2}(:\\d{2})?$/.test(input);\n\tconst iso = bareTime ? `1970-01-01T${input}` : input;\n\tconst d = new Date(iso);\n\tif (Number.isNaN(d.getTime())) return input;\n\treturn d.toLocaleTimeString(undefined, {\n\t\thour: 'numeric',\n\t\tminute: '2-digit',\n\t\thour12: true,\n\t});\n}\n\nexport function formatDate(input: unknown): string {\n\tif (typeof input !== 'string' || input.length === 0) return '';\n\tconst d = new Date(\n\t\t/^\\d{4}-\\d{2}-\\d{2}$/.test(input) ? `${input}T00:00:00` : input,\n\t);\n\tif (Number.isNaN(d.getTime())) return input;\n\treturn d.toLocaleDateString(undefined, {\n\t\tmonth: 'short',\n\t\tday: 'numeric',\n\t\tyear: 'numeric',\n\t});\n}\n\nexport function formatTimeRange(\n\tt: { start?: string; end?: string } | undefined,\n): string {\n\tif (!t) return '';\n\tconst start = formatTime(t.start);\n\tconst end = formatTime(t.end);\n\tif (start && end) return `${start} - ${end}`;\n\treturn start || end || '';\n}\n\nexport function formatNumber(value: unknown, dp = 1): string {\n\tif (typeof value !== 'number' || !Number.isFinite(value)) return '';\n\treturn value.toFixed(dp).replace(/\\.?0+$/, '');\n}\n\nexport function formatPercent(value: unknown, dp = 1): string {\n\tconst n = formatNumber(value, dp);\n\treturn n ? `${n}%` : '';\n}\n\nexport function formatLongitude(value: unknown): string {\n\tif (typeof value !== 'number' || !Number.isFinite(value)) return '';\n\treturn `${formatNumber(value, 2)}\u00B0`;\n}\n"],
-  "mappings": ";;;;;;;;;;;;AAAA,SAAS,OAAAA,MAAK,MAAM,YAAY,SAAS,WAAW;AACpD,SAAS,eAAe,gBAAgB;;;ACKjC,IAAM,eAAuC;AAAA,EACnD,KAAK;AAAA,EACL,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AAAA,EACX,WAAW;AAAA,EACX,cAAc;AAAA,EACd,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,qBAAqB;AACtB;AAmBO,IAAM,aAAqC;AAAA,EACjD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,aAAa;AAAA,EACb,WAAW;AAAA,EACX,UAAU;AAAA,EACV,QAAQ;AACT;;;AC7DA,SAAS,WAAW;AAMb,IAAM,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;AC8CnB,SAAS,iBACf,IACA,IACA,QACA,UAC2B;AAC3B,QAAM,WAAY,WAAW,KAAK,KAAM;AACxC,SAAO;AAAA,IACN,GAAG,KAAK,SAAS,KAAK,IAAI,QAAQ;AAAA,IAClC,GAAG,KAAK,SAAS,KAAK,IAAI,QAAQ;AAAA,EACnC;AACD;;;ACpBO,SAAS,aAAa,OAAgB,KAAK,GAAW;AAC5D,MAAI,OAAO,UAAU,YAAY,CAAC,OAAO,SAAS,KAAK,EAAG,QAAO;AACjE,SAAO,MAAM,QAAQ,EAAE,EAAE,QAAQ,UAAU,EAAE;AAC9C;;;AJnCA,IAAM,OAAO;AACb,IAAM,SAAS,OAAO;AACtB,IAAM,UAAU;AAChB,IAAM,SAAS;AACf,IAAM,UAAU;AAChB,IAAM,WAAW;AACjB,IAAM,eAAe;AACrB,IAAM,gBAAgB;AAOf,IAAM,iBAAN,cAA6B,WAAW;AAAA,EAAxC;AAAA;AA0GN,gBAAkC;AAGlC,uBAA4D;AAAA;AAAA,EAEpD,aAA4B;AACnC,WAAO,KAAK,MAAM,WAAW,CAAC;AAAA,EAC/B;AAAA,EAEQ,eAAuB;AAC9B,WAAO,KAAK,MAAM,WAAW,aAAa;AAAA,EAC3C;AAAA,EAEQ,eAA8B;AACrC,UAAM,IAAI,KAAK,MAAM,WAAW;AAChC,WAAO,OAAO,MAAM,WAAW,IAAI;AAAA,EACpC;AAAA,EAEQ,QAAQ,KAAqB;AACpC,WAAO,MAAM,KAAK,aAAa,IAAI;AAAA,EACpC;AAAA,EAEA,SAAS;AACR,QAAI,CAAC,KAAK;AACT,aAAO;AACR,UAAM,UAAU,KAAK,WAAW;AAChC,UAAM,UAAU,KAAK,KAAK,WAAW,CAAC;AAEtC,WAAO;AAAA;AAAA;AAAA,MAIJ,KAAK,KAAK,eACP;AAAA,SACC,CAAC,KAAK,KAAK,aAAa,MAAM,KAAK,KAAK,aAAa,IAAI,EACzD,OAAO,OAAO,EACd,KAAK,QAAK,CAAC;AAAA,gBAEZ,OACJ;AAAA;AAAA;AAAA,mBAGe,IAAI,IAAI,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAWrB,MAAM;AAAA,UACN,MAAM;AAAA,SACP,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,UAKN,MAAM;AAAA,UACN,MAAM;AAAA,SACP,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,UAKN,MAAM;AAAA,UACN,MAAM;AAAA,SACP,WAAW,EAAE;AAAA;AAAA;AAAA,MAGhB,KAAK,aAAa,CAAC,IAAI,KAAK,YAAY,CAAC,IAAI,KAAK,mBAAmB,CAAC;AAAA,MACtE,KAAK,cAAc,SAAS,OAAO,CAAC,IAAI,KAAK,cAAc,OAAO,CAAC;AAAA,MACnE,KAAK,aAAa,CAAC;AAAA;AAAA;AAAA,YAGb,QAAQ,MAAM;AAAA,YACd,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,EAKzB;AAAA,EAEQ,eAAe;AACtB,UAAM,MAAM,KAAK,aAAa;AAC9B,UAAM,KAAK,KAAK,aAAa;AAC7B,UAAM,QAAQ,CAAC,KAAK,gBAAgB,KAAK,KAAK,CAAC;AAC/C,QAAI,OAAO,KAAM,OAAM,KAAK,KAAK,gBAAgB,IAAI,IAAI,CAAC;AAC1D,WAAO;AAAA,EACR;AAAA,EAEQ,gBAAgB,WAAmB,OAAe;AACzD,UAAM,QAAQ,KAAK,QAAQ,SAAS;AACpC,UAAM,YAAY,iBAAiB,QAAQ,QAAQ,SAAS,KAAK;AACjE,UAAM,YAAY,iBAAiB,QAAQ,QAAQ,cAAc,KAAK;AACtE,UAAM,WAAW,iBAAiB,QAAQ,QAAQ,eAAe,KAAK;AACtE,WAAO;AAAA;AAAA,kCAEyB,UAAU,CAAC,OAAO,UAAU,CAAC,OAAO,UAAU,CAAC,OAAO,UAAU,CAAC;AAAA,mCAChE,SAAS,CAAC,MAAM,SAAS,CAAC,qDAAqD,KAAK;AAAA;AAAA;AAAA,EAGtH;AAAA,EAEQ,eAAe;AACtB,WAAO,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,CAAC,GAAG,MAAM;AAC3C,YAAM,QAAQ,KAAK,QAAQ,IAAI,EAAE;AACjC,YAAM,QAAQ,iBAAiB,QAAQ,QAAQ,SAAS,KAAK;AAC7D,YAAM,MAAM,iBAAiB,QAAQ,QAAQ,SAAS,KAAK;AAC3D,aAAO,kCAAkC,MAAM,CAAC,OAAO,MAAM,CAAC,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC;AAAA,IACvF,CAAC;AAAA,EACF;AAAA,EAEQ,cAAc;AACrB,UAAM,QAAQ;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD;AACA,WAAO,MAAM,IAAI,CAAC,MAAM,MAAM;AAC7B,YAAM,QAAQ,KAAK,QAAQ,IAAI,KAAK,EAAE;AACtC,YAAM,MAAM,iBAAiB,QAAQ,QAAQ,QAAQ,KAAK;AAC1D,aAAO,iCAAiC,IAAI,CAAC,MAAM,IAAI,CAAC,qDAAqD,WAAW,IAAI,CAAC;AAAA,IAC9H,CAAC;AAAA,EACF;AAAA,EAEQ,qBAAqB;AAC5B,UAAM,eAAe,KAAK,MAAM,KAAK,aAAa,IAAI,EAAE;AACxD,WAAO,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,CAAC,GAAG,MAAM;AAC3C,YAAM,QAAQ,KAAK,QAAQ,IAAI,KAAK,EAAE;AACtC,YAAM,MAAM,iBAAiB,QAAQ,QAAQ,UAAU,IAAI,KAAK;AAChE,YAAM,YAAa,IAAI,eAAe,MAAM,KAAM;AAClD,aAAO,gCAAgC,IAAI,CAAC,MAAM,IAAI,CAAC,qDAAqD,QAAQ;AAAA,IACrH,CAAC;AAAA,EACF;AAAA,EAEQ,cAAc,SAAwB;AAC7C,WAAO,QAAQ,IAAI,CAAC,MAAM;AACzB,UAAI,CAAC,OAAO,SAAS,EAAE,SAAS,EAAG,QAAO;AAC1C,YAAM,QAAQ,KAAK,QAAQ,EAAE,SAAS;AACtC,YAAM,MAAM,iBAAiB,QAAQ,QAAQ,UAAU,KAAK;AAC5D,YAAM,QAAQ,aAAa,WAAW,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,MAAM,GAAG,CAAC;AACnE,YAAM,QAAQ,EAAE,eAAe,OAAO;AACtC,YAAM,UAAU,QAAQ,GAAG,KAAK,WAAM;AACtC,aAAO,mCAAmC,IAAI,CAAC,MAAM,IAAI,CAAC,4DAA4D,EAAE,IAAI,GAAG,KAAK,WAAW,OAAO;AAAA,IACvJ,CAAC;AAAA,EACF;AAAA,EAEQ,cAAc,SAAwB,SAAwB;AACrE,UAAM,YAAY,oBAAI,IAAoB;AAC1C,eAAW,KAAK,SAAS;AACxB,UAAI,OAAO,EAAE,cAAc,SAAU;AACrC,YAAM,OAAO,WAAW,EAAE,IAAI;AAC9B,UAAI,KAAM,WAAU,IAAI,MAAM,EAAE,SAAS;AAAA,IAC1C;AACA,WAAO,QAAQ,IAAI,CAAC,MAAM;AACzB,YAAM,KAAK,UAAU,IAAI,WAAW,EAAE,OAAO,CAAC;AAC9C,YAAM,KAAK,UAAU,IAAI,WAAW,EAAE,OAAO,CAAC;AAC9C,UAAI,OAAO,UAAa,OAAO,OAAW,QAAO;AACjD,YAAM,KAAK;AAAA,QACV;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,KAAK,QAAQ,EAAE;AAAA,MAChB;AACA,YAAM,KAAK;AAAA,QACV;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,KAAK,QAAQ,EAAE;AAAA,MAChB;AACA,YAAM,aAAa,gBAAgB,CAAC;AACpC,YAAM,cAAc,aAAa,UAAU,KAAK;AAChD,YAAM,WAAW,aAAa,EAAE,KAAK,CAAC;AACtC,aAAO,kBAAkB,UAAU,WAAW,EAAE,OAAO,GAAG,CAAC,OAAO,GAAG,CAAC,OAAO,GAAG,CAAC,OAAO,GAAG,CAAC,WAAW,EAAE,OAAO,IAAI,cAAc,EAAE,IAAI,EAAE,OAAO,GAAG,WAAW,SAAS,QAAQ,UAAO,EAAE;AAAA,IAC1L,CAAC;AAAA,EACF;AACD;AAtSa,eACL,SAAS;AAAA,EACf;AAAA,EACAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoGD;AAGA;AAAA,EADC,SAAS,EAAE,WAAW,MAAM,CAAC;AAAA,GAzGlB,eA0GZ;AAGA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,gBAAgB,SAAS,KAAK,CAAC;AAAA,GA5GxD,eA6GZ;AA7GY,iBAAN;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB;AAwSb,SAAS,WAAW,GAAmB;AACtC,MAAI,CAAC,EAAG,QAAO;AACf,SAAO,EAAE,OAAO,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC,EAAE,YAAY;AAC3D;AAEA,IAAM,eAAuC;AAAA,EAC5C,aAAa;AAAA,EACb,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,YAAY;AACb;AAEA,SAAS,gBAAgB,GAAwB;AAChD,UAAQ,EAAE,QAAQ,IAAI,YAAY,EAAE,QAAQ,MAAM,GAAG;AACtD;",
+  "sources": ["../../src/components/natal-chart.ts", "../../src/tokens/index.ts", "../../src/utils/base-styles.ts", "../../src/utils/degree.ts", "../../src/utils/format.ts", "../../src/utils/string.ts"],
+  "sourcesContent": ["import { css, html, LitElement, nothing, svg } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { PLANET_GLYPH, SIGN_GLYPH, SIGNS_ORDER } from '../tokens/index.js';\nimport type { NatalChartResponse } from '../types/index.js';\nimport { baseStyles } from '../utils/base-styles.js';\nimport { polarToCartesian } from '../utils/degree.js';\nimport {\n\tASPECT_CLASS,\n\tformatNumber,\n\tnormalizeAspect,\n} from '../utils/format.js';\nimport { capitalize } from '../utils/string.js';\n\ntype PlanetEntry = NatalChartResponse['planets'][number];\ntype AspectEntry = NatalChartResponse['aspects'][number];\n\nconst SIZE = 420;\nconst CENTER = SIZE / 2;\nconst OUTER_R = 164;\nconst SIGN_R = 146;\nconst HOUSE_R = 120;\nconst PLANET_R = 96;\nconst ANGLE_TICK_R = 178;\nconst ANGLE_LABEL_R = 196;\n\n/**\n * Western natal chart wheel. Renders the 12 zodiac signs, 12 houses, planet\n * markers, and aspect lines from a /astrology/natal-chart response.\n */\n@customElement('roxy-natal-chart')\nexport class RoxyNatalChart extends LitElement {\n\tstatic styles = [\n\t\tbaseStyles,\n\t\tcss`\n\t\t\t.wrap {\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: grid;\n\t\t\t\tgap: var(--roxy-space-md, 1rem);\n\t\t\t}\n\n\t\t\t.title {\n\t\t\t\tfont-size: var(--roxy-text-lg, 1.125rem);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t\tmargin: 0;\n\t\t\t\tcolor: var(--roxy-primary, #0f172a);\n\t\t\t}\n\n\t\t\t.meta {\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 100%;\n\t\t\t\tmax-width: 360px;\n\t\t\t\theight: auto;\n\t\t\t\tmargin: 0 auto;\n\t\t\t}\n\n\t\t\t.wheel-line {\n\t\t\t\tfill: none;\n\t\t\t\tstroke: var(--roxy-border, #e4e4e7);\n\t\t\t}\n\n\t\t\t.sign-glyph {\n\t\t\t\tfill: var(--roxy-secondary, #475569);\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-family: var(--roxy-font-sans);\n\t\t\t}\n\n\t\t\t.planet-glyph {\n\t\t\t\tfill: var(--roxy-accent, #f59e0b);\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tfont-family: var(--roxy-font-sans);\n\t\t\t}\n\n\t\t\t.house-num {\n\t\t\t\tfill: var(--roxy-muted, #71717a);\n\t\t\t\tfont-size: 9px;\n\t\t\t\tfont-family: var(--roxy-font-sans);\n\t\t\t}\n\n\t\t\t.aspect {\n\t\t\t\tstroke-width: 0.8;\n\t\t\t\tfill: none;\n\t\t\t\topacity: 0.55;\n\t\t\t}\n\t\t\t.aspect-trine,\n\t\t\t.aspect-sextile {\n\t\t\t\tstroke: var(--roxy-success, #16a34a);\n\t\t\t}\n\t\t\t.aspect-square,\n\t\t\t.aspect-opposition {\n\t\t\t\tstroke: var(--roxy-danger, #dc2626);\n\t\t\t}\n\t\t\t.aspect-conjunction {\n\t\t\t\tstroke: var(--roxy-accent-fg, #b45309);\n\t\t\t}\n\t\t\t.aspect-other {\n\t\t\t\tstroke: var(--roxy-muted, #71717a);\n\t\t\t\topacity: 0.4;\n\t\t\t}\n\n\t\t\t.angle-marker {\n\t\t\t\tfill: var(--roxy-accent-fg, #b45309);\n\t\t\t\tfont-size: 10px;\n\t\t\t\tfont-weight: 700;\n\t\t\t\tfont-family: var(--roxy-font-sans);\n\t\t\t\tletter-spacing: 0.04em;\n\t\t\t}\n\t\t\t.angle-tick {\n\t\t\t\tstroke: var(--roxy-accent-fg, #b45309);\n\t\t\t\tstroke-width: 1.5;\n\t\t\t}\n\n\t\t\t.legend {\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: var(--roxy-space-md, 1rem);\n\t\t\t}\n\t\t\t.legend-swatch {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\twidth: 8px;\n\t\t\t\theight: 8px;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tmargin-right: 4px;\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\n\t\t\t.details {\n\t\t\t\tmargin-top: var(--roxy-space-md, 1rem);\n\t\t\t}\n\n\t\t\t.pill-row {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: var(--roxy-space-xs, 0.25rem);\n\t\t\t\tmargin-bottom: var(--roxy-space-xs, 0.25rem);\n\t\t\t}\n\n\t\t\t.pill {\n\t\t\t\tpadding: 2px 8px;\n\t\t\t\tborder-radius: var(--roxy-radius-sm, 4px);\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-fg, #0f172a) 8%, transparent);\n\t\t\t\tcolor: var(--roxy-fg, #0f172a);\n\t\t\t}\n\n\t\t\t.pill--success {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-success, #16a34a) 15%, transparent);\n\t\t\t\tcolor: var(--roxy-success, #16a34a);\n\t\t\t}\n\n\t\t\t.pill--danger {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-danger, #dc2626) 15%, transparent);\n\t\t\t\tcolor: var(--roxy-danger, #dc2626);\n\t\t\t}\n\n\t\t\t.pill--muted {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-border, #e4e4e7) 60%, transparent);\n\t\t\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\t\t}\n\n\t\t\t.summary {\n\t\t\t\tcolor: var(--roxy-fg, #0f172a);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t\tmargin: var(--roxy-space-md, 1rem) 0;\n\t\t\t}\n\n\t\t\t.dist-grid {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: 1fr 1fr;\n\t\t\t\tgap: var(--roxy-space-md, 1rem);\n\t\t\t}\n\n\t\t\t@container (max-width: 639px) {\n\t\t\t\t.dist-grid {\n\t\t\t\t\tgrid-template-columns: 1fr;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.dist-section h3 {\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tmargin: 0 0 var(--roxy-space-xs, 0.25rem);\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tletter-spacing: 0.05em;\n\t\t\t}\n\n\t\t\t.dist-row {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: 4rem 1fr 1.5rem;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: var(--roxy-space-xs, 0.25rem);\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tcolor: var(--roxy-fg, #0f172a);\n\t\t\t\tmargin-bottom: 4px;\n\t\t\t}\n\n\t\t\t.dist-bar {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-accent, #f59e0b) 20%, transparent);\n\t\t\t\theight: 6px;\n\t\t\t\tborder-radius: 3px;\n\t\t\t}\n\n\t\t\t.dist-bar > span {\n\t\t\t\tdisplay: block;\n\t\t\t\theight: 100%;\n\t\t\t\tbackground: var(--roxy-accent, #f59e0b);\n\t\t\t\tborder-radius: 3px;\n\t\t\t}\n\n\t\t\t.interpretations {\n\t\t\t\tmargin-top: var(--roxy-space-md, 1rem);\n\t\t\t}\n\t\t\t.interpretations h3 {\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t\tfont-weight: 600;\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tletter-spacing: 0.06em;\n\t\t\t\tmargin: 0 0 var(--roxy-space-sm, 0.5rem);\n\t\t\t}\n\t\t\t.interp-card {\n\t\t\t\tborder: 1px solid var(--roxy-border, #e4e4e7);\n\t\t\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t\t\t\tpadding: var(--roxy-space-sm, 0.5rem) var(--roxy-space-md, 1rem);\n\t\t\t\tmargin-bottom: var(--roxy-space-xs, 0.25rem);\n\t\t\t}\n\t\t\t.interp-card summary {\n\t\t\t\tcursor: pointer;\n\t\t\t\tfont-weight: 500;\n\t\t\t\tcolor: var(--roxy-fg, #0f172a);\n\t\t\t}\n\t\t\t.interp-card summary small {\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tmargin-left: 0.5em;\n\t\t\t\tfont-weight: 400;\n\t\t\t}\n\t\t\t.interp-body {\n\t\t\t\tmargin-top: var(--roxy-space-xs, 0.25rem);\n\t\t\t\tcolor: var(--roxy-fg, #0f172a);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t}\n\t\t\t.interp-keywords {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: 0.25rem;\n\t\t\t\tmargin-top: 0.5rem;\n\t\t\t}\n\t\t\t.interp-keywords .kw {\n\t\t\t\tpadding: 1px 8px;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-accent, #f59e0b) 14%, transparent);\n\t\t\t\tcolor: var(--roxy-accent-fg, #b45309);\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ attribute: false })\n\tdata: NatalChartResponse | null = null;\n\n\t@property({ type: String, attribute: 'house-system', reflect: true })\n\thouseSystem: 'placidus' | 'whole-sign' | 'equal' | 'koch' = 'placidus';\n\n\tprivate getPlanets(): PlanetEntry[] {\n\t\treturn this.data?.planets ?? [];\n\t}\n\n\tprivate getAscendant(): number {\n\t\treturn this.data?.ascendant?.longitude ?? 0;\n\t}\n\n\tprivate getMidheaven(): number | null {\n\t\tconst m = this.data?.midheaven?.longitude;\n\t\treturn typeof m === 'number' ? m : null;\n\t}\n\n\tprivate toAngle(lon: number): number {\n\t\treturn 180 + this.getAscendant() - lon;\n\t}\n\n\trender() {\n\t\tif (!this.data)\n\t\t\treturn html`<div class=\"roxy-empty\" role=\"status\">No chart data</div>`;\n\t\tconst planets = this.getPlanets();\n\t\tconst aspects = this.data.aspects ?? [];\n\n\t\treturn html`<div class=\"wrap\">\n\t\t\t<header>\n\t\t\t\t<h2 class=\"title\">Natal chart</h2>\n\t\t\t\t${\n\t\t\t\t\tthis.data.birthDetails\n\t\t\t\t\t\t? html`<div class=\"meta\">\n\t\t\t\t\t\t\t${[this.data.birthDetails.date, this.data.birthDetails.time]\n\t\t\t\t\t\t\t\t.filter(Boolean)\n\t\t\t\t\t\t\t\t.join(' \u00B7 ')}\n\t\t\t\t\t\t</div>`\n\t\t\t\t\t\t: nothing\n\t\t\t\t}\n\t\t\t</header>\n\t\t\t<svg\n\t\t\t\tviewBox=\"0 0 ${SIZE} ${SIZE}\"\n\t\t\t\trole=\"img\"\n\t\t\t\taria-label=\"Natal chart wheel with twelve houses, planets, and aspects\"\n\t\t\t>\n\t\t\t\t<title>Natal chart wheel</title>\n\t\t\t\t<desc>\n\t\t\t\t\tTwelve zodiac sign segments around a circular wheel. Planet glyphs are\n\t\t\t\t\tplaced at their ecliptic longitudes. Aspect lines connect related planets.\n\t\t\t\t</desc>\n\t\t\t\t<circle\n\t\t\t\t\tclass=\"wheel-line\"\n\t\t\t\t\tcx=${CENTER}\n\t\t\t\t\tcy=${CENTER}\n\t\t\t\t\tr=${OUTER_R}\n\t\t\t\t\tstroke-width=\"1.5\"\n\t\t\t\t/>\n\t\t\t\t<circle\n\t\t\t\t\tclass=\"wheel-line\"\n\t\t\t\t\tcx=${CENTER}\n\t\t\t\t\tcy=${CENTER}\n\t\t\t\t\tr=${HOUSE_R}\n\t\t\t\t\tstroke-width=\"1\"\n\t\t\t\t/>\n\t\t\t\t<circle\n\t\t\t\t\tclass=\"wheel-line\"\n\t\t\t\t\tcx=${CENTER}\n\t\t\t\t\tcy=${CENTER}\n\t\t\t\t\tr=${PLANET_R - 16}\n\t\t\t\t\tstroke-width=\"0.5\"\n\t\t\t\t/>\n\t\t\t\t${this.renderSpokes()} ${this.renderSigns()} ${this.renderHouseNumbers()}\n\t\t\t\t${this.renderAspects(planets, aspects)} ${this.renderPlanets(planets)}\n\t\t\t\t${this.renderAngles()}\n\t\t\t</svg>\n\t\t\t<div class=\"legend\">\n\t\t\t\t<span>${planets.length} planets</span>\n\t\t\t\t<span>${aspects.length} aspects</span>\n\t\t\t\t<span><span class=\"legend-swatch\" style=\"background: var(--roxy-success)\"></span>harmonious</span>\n\t\t\t\t<span><span class=\"legend-swatch\" style=\"background: var(--roxy-danger)\"></span>challenging</span>\n\t\t\t</div>\n\t\t\t${this.renderDetails()}\n\t\t\t${this.renderInterpretations()}\n\t\t</div>`;\n\t}\n\n\tprivate renderAngles() {\n\t\tconst asc = this.getAscendant();\n\t\tconst mc = this.getMidheaven();\n\t\tconst items = [this.renderAngleMark(asc, 'ASC')];\n\t\tif (mc !== null) items.push(this.renderAngleMark(mc, 'MC'));\n\t\treturn items;\n\t}\n\n\tprivate renderAngleMark(longitude: number, label: string) {\n\t\tconst angle = this.toAngle(longitude);\n\t\tconst tickInner = polarToCartesian(CENTER, CENTER, OUTER_R, angle);\n\t\tconst tickOuter = polarToCartesian(CENTER, CENTER, ANGLE_TICK_R, angle);\n\t\tconst labelPos = polarToCartesian(CENTER, CENTER, ANGLE_LABEL_R, angle);\n\t\treturn svg`\n\t\t\t<g>\n\t\t\t\t<line class=\"angle-tick\" x1=${tickInner.x} y1=${tickInner.y} x2=${tickOuter.x} y2=${tickOuter.y} />\n\t\t\t\t<text class=\"angle-marker\" x=${labelPos.x} y=${labelPos.y} text-anchor=\"middle\" dominant-baseline=\"central\">${label}</text>\n\t\t\t</g>\n\t\t`;\n\t}\n\n\tprivate renderSpokes() {\n\t\treturn Array.from({ length: 12 }, (_, i) => {\n\t\t\tconst angle = this.toAngle(i * 30);\n\t\t\tconst start = polarToCartesian(CENTER, CENTER, HOUSE_R, angle);\n\t\t\tconst end = polarToCartesian(CENTER, CENTER, OUTER_R, angle);\n\t\t\treturn svg`<line class=\"wheel-line\" x1=${start.x} y1=${start.y} x2=${end.x} y2=${end.y} stroke-width=\"0.8\" />`;\n\t\t});\n\t}\n\n\tprivate renderSigns() {\n\t\treturn SIGNS_ORDER.map((sign, i) => {\n\t\t\tconst angle = this.toAngle(i * 30 + 15);\n\t\t\tconst pos = polarToCartesian(CENTER, CENTER, SIGN_R, angle);\n\t\t\treturn svg`<text class=\"sign-glyph\" x=${pos.x} y=${pos.y} text-anchor=\"middle\" dominant-baseline=\"central\">${SIGN_GLYPH[sign]}</text>`;\n\t\t});\n\t}\n\n\tprivate renderHouseNumbers() {\n\t\tconst ascSignIndex = Math.floor(this.getAscendant() / 30);\n\t\treturn Array.from({ length: 12 }, (_, i) => {\n\t\t\tconst angle = this.toAngle(i * 30 + 15);\n\t\t\tconst pos = polarToCartesian(CENTER, CENTER, HOUSE_R - 12, angle);\n\t\t\tconst houseNum = ((i - ascSignIndex + 12) % 12) + 1;\n\t\t\treturn svg`<text class=\"house-num\" x=${pos.x} y=${pos.y} text-anchor=\"middle\" dominant-baseline=\"central\">${houseNum}</text>`;\n\t\t});\n\t}\n\n\tprivate renderPlanets(planets: PlanetEntry[]) {\n\t\treturn planets.map((p) => {\n\t\t\tif (!Number.isFinite(p.longitude)) return nothing;\n\t\t\tconst angle = this.toAngle(p.longitude);\n\t\t\tconst pos = polarToCartesian(CENTER, CENTER, PLANET_R, angle);\n\t\t\tconst glyph = PLANET_GLYPH[capitalize(p.name)] ?? p.name.slice(0, 2);\n\t\t\tconst retro = p.isRetrograde ? ' R' : '';\n\t\t\tconst display = retro ? `${glyph}\u1D3F` : glyph;\n\t\t\treturn svg`<text class=\"planet-glyph\" x=${pos.x} y=${pos.y} text-anchor=\"middle\" dominant-baseline=\"central\"><title>${p.name}${retro}</title>${display}</text>`;\n\t\t});\n\t}\n\n\tprivate renderDetails() {\n\t\tconst summary = this.data?.summary;\n\t\tconst ai = this.data?.aspectsInterpretation;\n\t\tif (!summary && !ai) return nothing;\n\n\t\tconst retrogrades = summary?.retrogradePlanets ?? [];\n\t\tconst elementDist = summary?.elementDistribution ?? {};\n\t\tconst modalityDist = summary?.modalityDistribution ?? {};\n\t\tconst elementMax = Math.max(1, ...Object.values(elementDist));\n\t\tconst modalityMax = Math.max(1, ...Object.values(modalityDist));\n\n\t\treturn html`<div class=\"details\">\n\t\t\t${\n\t\t\t\tsummary?.dominantElement || summary?.dominantModality\n\t\t\t\t\t? html`<div class=\"pill-row\">\n\t\t\t\t\t\t${summary.dominantElement ? html`<span class=\"pill\">Dominant element: ${summary.dominantElement}</span>` : nothing}\n\t\t\t\t\t\t${summary.dominantModality ? html`<span class=\"pill\">Dominant modality: ${summary.dominantModality}</span>` : nothing}\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t\t${\n\t\t\t\tai\n\t\t\t\t\t? html`<div class=\"pill-row\">\n\t\t\t\t\t\t<span class=\"pill pill--success\">Harmonious ${ai.harmonious}</span>\n\t\t\t\t\t\t<span class=\"pill pill--danger\">Challenging ${ai.challenging}</span>\n\t\t\t\t\t\t<span class=\"pill pill--muted\">Neutral ${ai.neutral}</span>\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t\t${\n\t\t\t\tretrogrades.length > 0\n\t\t\t\t\t? html`<div class=\"pill-row\">\n\t\t\t\t\t\t${retrogrades.map((p) => {\n\t\t\t\t\t\t\tconst glyph = PLANET_GLYPH[p] ?? p.slice(0, 2);\n\t\t\t\t\t\t\treturn html`<span class=\"pill pill--muted\">${glyph} ${p} R</span>`;\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t\t${ai?.summary ? html`<p class=\"summary\">${ai.summary}</p>` : nothing}\n\t\t\t${\n\t\t\t\tObject.keys(elementDist).length > 0 ||\n\t\t\t\tObject.keys(modalityDist).length > 0\n\t\t\t\t\t? html`<div class=\"dist-grid\">\n\t\t\t\t\t\t${\n\t\t\t\t\t\t\tObject.keys(elementDist).length > 0\n\t\t\t\t\t\t\t\t? html`<div class=\"dist-section\">\n\t\t\t\t\t\t\t\t\t<h3>Elements</h3>\n\t\t\t\t\t\t\t\t\t${Object.entries(elementDist).map(\n\t\t\t\t\t\t\t\t\t\t([label, count]) => html`<div class=\"dist-row\">\n\t\t\t\t\t\t\t\t\t\t\t<span>${label}</span>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"dist-bar\"><span style=\"width: ${Math.round((count / elementMax) * 100)}%\"></span></div>\n\t\t\t\t\t\t\t\t\t\t\t<span>${count}</span>\n\t\t\t\t\t\t\t\t\t\t</div>`,\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>`\n\t\t\t\t\t\t\t\t: nothing\n\t\t\t\t\t\t}\n\t\t\t\t\t\t${\n\t\t\t\t\t\t\tObject.keys(modalityDist).length > 0\n\t\t\t\t\t\t\t\t? html`<div class=\"dist-section\">\n\t\t\t\t\t\t\t\t\t<h3>Modalities</h3>\n\t\t\t\t\t\t\t\t\t${Object.entries(modalityDist).map(\n\t\t\t\t\t\t\t\t\t\t([label, count]) => html`<div class=\"dist-row\">\n\t\t\t\t\t\t\t\t\t\t\t<span>${label}</span>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"dist-bar\"><span style=\"width: ${Math.round((count / modalityMax) * 100)}%\"></span></div>\n\t\t\t\t\t\t\t\t\t\t\t<span>${count}</span>\n\t\t\t\t\t\t\t\t\t\t</div>`,\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>`\n\t\t\t\t\t\t\t\t: nothing\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t</div>`;\n\t}\n\n\tprivate renderInterpretations() {\n\t\tconst planets = this.getPlanets().filter((p) => p.interpretation);\n\t\tif (planets.length === 0) return nothing;\n\t\treturn html`<section class=\"interpretations\">\n\t\t\t<h3>Planet readings</h3>\n\t\t\t${planets.map((p) => {\n\t\t\t\tconst interp = p.interpretation!;\n\t\t\t\tconst glyph = PLANET_GLYPH[capitalize(p.name)] ?? '';\n\t\t\t\tconst deg = formatNumber(p.degree ?? 0, 1);\n\t\t\t\treturn html`<details class=\"interp-card\">\n\t\t\t\t\t<summary>${glyph} ${p.name} <small>${p.sign ?? ''} ${deg}</small></summary>\n\t\t\t\t\t<div class=\"interp-body\">\n\t\t\t\t\t\t${interp.summary ? html`<p class=\"interp-summary\">${interp.summary}</p>` : nothing}\n\t\t\t\t\t\t${interp.detailed ? html`<p class=\"interp-detail\">${interp.detailed}</p>` : nothing}\n\t\t\t\t\t\t${\n\t\t\t\t\t\t\tinterp.keywords?.length\n\t\t\t\t\t\t\t\t? html`<div class=\"interp-keywords\">${interp.keywords.map((k) => html`<span class=\"kw\">${k}</span>`)}</div>`\n\t\t\t\t\t\t\t\t: nothing\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t</details>`;\n\t\t\t})}\n\t\t</section>`;\n\t}\n\n\tprivate renderAspects(planets: PlanetEntry[], aspects: AspectEntry[]) {\n\t\tconst planetMap = new Map<string, number>();\n\t\tfor (const p of planets) {\n\t\t\tif (typeof p.longitude !== 'number') continue;\n\t\t\tconst name = capitalize(p.name);\n\t\t\tif (name) planetMap.set(name, p.longitude);\n\t\t}\n\t\treturn aspects.map((a) => {\n\t\t\tconst l1 = planetMap.get(capitalize(a.planet1));\n\t\t\tconst l2 = planetMap.get(capitalize(a.planet2));\n\t\t\tif (l1 === undefined || l2 === undefined) return nothing;\n\t\t\tconst p1 = polarToCartesian(\n\t\t\t\tCENTER,\n\t\t\t\tCENTER,\n\t\t\t\tPLANET_R - 18,\n\t\t\t\tthis.toAngle(l1),\n\t\t\t);\n\t\t\tconst p2 = polarToCartesian(\n\t\t\t\tCENTER,\n\t\t\t\tCENTER,\n\t\t\t\tPLANET_R - 18,\n\t\t\t\tthis.toAngle(l2),\n\t\t\t);\n\t\t\tconst aspectName = normalizeAspect(a);\n\t\t\tconst aspectClass = ASPECT_CLASS[aspectName] ?? 'aspect-other';\n\t\t\tconst orbLabel = formatNumber(a.orb, 1);\n\t\t\treturn svg`<line class=${`aspect ${aspectClass}`} x1=${p1.x} y1=${p1.y} x2=${p2.x} y2=${p2.y}><title>${a.planet1} ${aspectName || ''} ${a.planet2}${orbLabel ? ` (orb ${orbLabel}\u00B0)` : ''}</title></line>`;\n\t\t});\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'roxy-natal-chart': RoxyNatalChart;\n\t}\n}\n", "/**\n * Symbol constants used across components. Single source of truth so chart\n * wheels, card headers, hexagram displays, and panchang tables stay visually\n * consistent.\n */\n\nexport const PLANET_GLYPH: Record<string, string> = {\n\tSun: '\u2609',\n\tMoon: '\u263D',\n\tMercury: '\u263F',\n\tVenus: '\u2640',\n\tEarth: '\u2641',\n\tMars: '\u2642',\n\tJupiter: '\u2643',\n\tSaturn: '\u2644',\n\tUranus: '\u2645',\n\tNeptune: '\u2646',\n\tPluto: '\u2647',\n\tRahu: '\u260A',\n\tKetu: '\u260B',\n\tAscendant: 'Asc',\n\tLagna: 'La',\n\tNorthNode: '\u260A',\n\tSouthNode: '\u260B',\n\t'North node': '\u260A',\n\t'South node': '\u260B',\n\tChiron: '\u26B7',\n\tLilith: '\u26B8',\n\t'Black moon lilith': '\u26B8',\n};\n\nexport const PLANET_ABBR: Record<string, string> = {\n\tSun: 'Su',\n\tMoon: 'Mo',\n\tMercury: 'Me',\n\tVenus: 'Ve',\n\tMars: 'Ma',\n\tJupiter: 'Ju',\n\tSaturn: 'Sa',\n\tUranus: 'Ur',\n\tNeptune: 'Ne',\n\tPluto: 'Pl',\n\tRahu: 'Ra',\n\tKetu: 'Ke',\n\tAscendant: 'Asc',\n\tLagna: 'La',\n};\n\nexport const SIGN_GLYPH: Record<string, string> = {\n\tAries: '\u2648',\n\tTaurus: '\u2649',\n\tGemini: '\u264A',\n\tCancer: '\u264B',\n\tLeo: '\u264C',\n\tVirgo: '\u264D',\n\tLibra: '\u264E',\n\tScorpio: '\u264F',\n\tSagittarius: '\u2650',\n\tCapricorn: '\u2651',\n\tAquarius: '\u2652',\n\tPisces: '\u2653',\n};\n\nexport const SIGN_ABBR: Record<string, string> = {\n\tAries: 'Ar',\n\tTaurus: 'Ta',\n\tGemini: 'Ge',\n\tCancer: 'Cn',\n\tLeo: 'Le',\n\tVirgo: 'Vi',\n\tLibra: 'Li',\n\tScorpio: 'Sc',\n\tSagittarius: 'Sg',\n\tCapricorn: 'Cp',\n\tAquarius: 'Aq',\n\tPisces: 'Pi',\n};\n\nexport const SIGNS_ORDER = [\n\t'Aries',\n\t'Taurus',\n\t'Gemini',\n\t'Cancer',\n\t'Leo',\n\t'Virgo',\n\t'Libra',\n\t'Scorpio',\n\t'Sagittarius',\n\t'Capricorn',\n\t'Aquarius',\n\t'Pisces',\n] as const;\n\n/**\n * Lowercase rashi keys in canonical zodiac order. Derived from `SIGNS_ORDER`\n * so the two stay in lockstep. The /vedic-astrology/birth-chart response\n * carries planet buckets keyed by these names.\n */\nexport const RASHI_KEYS = SIGNS_ORDER.map((s) =>\n\ts.toLowerCase(),\n) as readonly Lowercase<(typeof SIGNS_ORDER)[number]>[];\n\n/** Aspect symbols. Used by synastry and natal chart aspect tables. */\nexport const ASPECT_SYMBOL: Record<string, string> = {\n\tconjunction: '\u260C',\n\topposition: '\u260D',\n\ttrine: '\u25B3',\n\tsquare: '\u25A1',\n\tsextile: '\u2731',\n\tquincunx: '\u22BB',\n\tsemisextile: '\u22BC',\n};\n\n/** Trigrams used by I Ching hexagrams. Eight trigrams compose 64 hexagrams. */\nexport const TRIGRAM_GLYPH: Record<string, string> = {\n\theaven: '\u2630',\n\tlake: '\u2631',\n\tfire: '\u2632',\n\tthunder: '\u2633',\n\twind: '\u2634',\n\twater: '\u2635',\n\tmountain: '\u2636',\n\tearth: '\u2637',\n\tHeaven: '\u2630',\n\tLake: '\u2631',\n\tFire: '\u2632',\n\tThunder: '\u2633',\n\tWind: '\u2634',\n\tWater: '\u2635',\n\tMountain: '\u2636',\n\tEarth: '\u2637',\n};\n\n/** Moon phase emoji set. Used by moon phase card. */\nexport const MOON_PHASE_EMOJI: Record<string, string> = {\n\t'new moon': '\uD83C\uDF11',\n\t'waxing crescent': '\uD83C\uDF12',\n\t'first quarter': '\uD83C\uDF13',\n\t'waxing gibbous': '\uD83C\uDF14',\n\t'full moon': '\uD83C\uDF15',\n\t'waning gibbous': '\uD83C\uDF16',\n\t'last quarter': '\uD83C\uDF17',\n\t'waning crescent': '\uD83C\uDF18',\n};\n", "import { css } from 'lit';\n\n/**\n * Shared host styles every component pulls in. Sets default font, color,\n * container query support, and the entry fade-in.\n */\nexport const baseStyles = css`\n\t:host {\n\t\tdisplay: block;\n\t\tcontainer-type: inline-size;\n\t\tfont-family: var(\n\t\t\t--roxy-font-sans,\n\t\t\tsystem-ui,\n\t\t\t-apple-system,\n\t\t\tBlinkMacSystemFont,\n\t\t\t'Segoe UI',\n\t\t\tRoboto,\n\t\t\tsans-serif\n\t\t);\n\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\tbackground: transparent;\n\t\tfont-size: var(--roxy-text-base, 1rem);\n\t\tline-height: var(--roxy-leading-normal, 1.5);\n\t\tanimation: roxy-fade-in var(--roxy-motion-duration, 200ms)\n\t\t\tvar(--roxy-motion-easing, cubic-bezier(0.4, 0, 0.2, 1)) both;\n\t}\n\n\t*,\n\t*::before,\n\t*::after {\n\t\tbox-sizing: border-box;\n\t}\n\n\t@keyframes roxy-fade-in {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(2px);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t:host {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.roxy-skeleton {\n\t\tbackground: linear-gradient(\n\t\t\t90deg,\n\t\t\tvar(--roxy-border, #e4e4e7) 0%,\n\t\t\tcolor-mix(in srgb, var(--roxy-border, #e4e4e7) 60%, transparent) 50%,\n\t\t\tvar(--roxy-border, #e4e4e7) 100%\n\t\t);\n\t\tbackground-size: 200% 100%;\n\t\tanimation: roxy-shimmer 1.4s ease-in-out infinite;\n\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t}\n\n\t@keyframes roxy-shimmer {\n\t\t0% {\n\t\t\tbackground-position: 200% 0;\n\t\t}\n\t\t100% {\n\t\t\tbackground-position: -200% 0;\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t.roxy-skeleton {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.roxy-empty {\n\t\tpadding: var(--roxy-space-lg, 1.5rem);\n\t\tcolor: var(--roxy-muted, #71717a);\n\t\ttext-align: center;\n\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t}\n\n\t:host(:focus-within) .roxy-card {\n\t\toutline: 2px solid var(--roxy-ring, rgba(245, 158, 11, 0.4));\n\t\toutline-offset: 2px;\n\t}\n`;\n", "/**\n * Math helpers for converting raw ecliptic longitude decimals into the\n * sign / degree / minute / second triplet used across chart components.\n */\n\nimport { SIGNS_ORDER } from '../tokens/index.js';\n\nexport interface SignPosition {\n\tsign: string;\n\tsignIndex: number;\n\tdegree: number;\n\tminute: number;\n\tsecond: number;\n}\n\n/**\n * Wrap longitude into [0, 360) so negative or out-of-range values still\n * resolve to a real sign. Robust to wonky upstream data.\n */\nexport function normalizeLongitude(lon: number): number {\n\tconst wrapped = lon % 360;\n\treturn wrapped < 0 ? wrapped + 360 : wrapped;\n}\n\n/**\n * Convert decimal ecliptic longitude (0-360) into sign/degree/minute/second.\n * Used by every chart wheel and aspect table.\n */\nexport function longitudeToSignPosition(longitude: number): SignPosition {\n\tconst lon = normalizeLongitude(longitude);\n\tconst signIndex = Math.floor(lon / 30) % 12;\n\tconst within = lon % 30;\n\tconst degree = Math.floor(within);\n\tconst minuteFloat = (within - degree) * 60;\n\tconst minute = Math.floor(minuteFloat);\n\tconst second = Math.round((minuteFloat - minute) * 60);\n\treturn {\n\t\tsign: SIGNS_ORDER[signIndex] ?? 'Aries',\n\t\tsignIndex,\n\t\tdegree,\n\t\tminute,\n\t\tsecond,\n\t};\n}\n\n/** Compact display string like \"12\u00B0 Leo 34'\". Used in chart labels. */\nexport function formatSignPosition(longitude: number): string {\n\tconst { sign, degree, minute } = longitudeToSignPosition(longitude);\n\treturn `${degree}\u00B0 ${sign} ${String(minute).padStart(2, '0')}'`;\n}\n\n/** Polar to cartesian for SVG wheel positioning. Angle in degrees, 0 at 3 o'clock. */\nexport function polarToCartesian(\n\tcx: number,\n\tcy: number,\n\tradius: number,\n\tangleDeg: number,\n): { x: number; y: number } {\n\tconst angleRad = (angleDeg * Math.PI) / 180;\n\treturn {\n\t\tx: cx + radius * Math.cos(angleRad),\n\t\ty: cy + radius * Math.sin(angleRad),\n\t};\n}\n", "/**\n * Display formatters for ISO timestamps and floats coming back from the API.\n * Every helper returns \"\" for nullish or unparseable input so it falls out of\n * template literals cleanly.\n */\n\nexport function formatTime(input: unknown): string {\n\tif (typeof input !== 'string' || input.length === 0) return '';\n\tif (/^\\d{4}-\\d{2}-\\d{2}$/.test(input)) return '';\n\tconst bareTime = /^\\d{2}:\\d{2}(:\\d{2})?$/.test(input);\n\tconst iso = bareTime ? `1970-01-01T${input}` : input;\n\tconst d = new Date(iso);\n\tif (Number.isNaN(d.getTime())) return input;\n\treturn d.toLocaleTimeString(undefined, {\n\t\thour: 'numeric',\n\t\tminute: '2-digit',\n\t\thour12: true,\n\t});\n}\n\nexport function formatDate(input: unknown): string {\n\tif (typeof input !== 'string' || input.length === 0) return '';\n\tconst d = new Date(\n\t\t/^\\d{4}-\\d{2}-\\d{2}$/.test(input) ? `${input}T00:00:00` : input,\n\t);\n\tif (Number.isNaN(d.getTime())) return input;\n\treturn d.toLocaleDateString(undefined, {\n\t\tmonth: 'short',\n\t\tday: 'numeric',\n\t\tyear: 'numeric',\n\t});\n}\n\nexport function formatTimeRange(\n\tt: { start?: string; end?: string } | undefined,\n): string {\n\tif (!t) return '';\n\tconst start = formatTime(t.start);\n\tconst end = formatTime(t.end);\n\tif (start && end) return `${start} - ${end}`;\n\treturn start || end || '';\n}\n\nexport function formatNumber(value: unknown, dp = 1): string {\n\tif (typeof value !== 'number' || !Number.isFinite(value)) return '';\n\treturn value.toFixed(dp).replace(/\\.?0+$/, '');\n}\n\nexport function formatPercent(value: unknown, dp = 1): string {\n\tconst n = formatNumber(value, dp);\n\treturn n ? `${n}%` : '';\n}\n\n/**\n * CSS class name per aspect type. Used by natal and synastry chart aspect\n * lines so the same color encoding (harmonious vs challenging) applies in\n * both wheels. Keys are lowercase canonical names, values are CSS class\n * suffixes the chart components define in their `:host` styles.\n */\nexport const ASPECT_CLASS: Record<string, string> = {\n\tconjunction: 'aspect-conjunction',\n\tsextile: 'aspect-sextile',\n\tsquare: 'aspect-square',\n\ttrine: 'aspect-trine',\n\topposition: 'aspect-opposition',\n};\n\n/**\n * Normalize an aspect entry's `type` field to a lowercase, hyphen-separated\n * canonical name (`SEMI_SEXTILE` \u2192 `semi-sextile`). Accepts any aspect-shaped\n * object so both natal and synastry inter-aspect entries can share this.\n */\nexport function normalizeAspect(a: { type?: string }): string {\n\treturn (a.type ?? '').toLowerCase().replace(/_/g, '-');\n}\n", "/**\n * Shared string helpers used across components. Single source of truth so the\n * same formatting rules apply to every key/label/title that surfaces in the\n * shadow tree.\n *\n *  - `capitalize`: title-cases the first character, lowercases the rest. Used\n *    when matching API-supplied planet/sign names against the glyph maps in\n *    `tokens/index.ts`, which use canonical TitleCase keys.\n *  - `humanize`: turns an API key (`birth_date`, `birthDate`, `mahadasha-end`)\n *    into a label suitable for display (\"Birth date\", \"Mahadasha end\").\n */\n\nexport function capitalize(s: string): string {\n\tif (!s) return '';\n\treturn s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();\n}\n\nexport function humanize(s: string): string {\n\treturn s\n\t\t.replace(/[_-]+/g, ' ')\n\t\t.replace(/([a-z])([A-Z])/g, '$1 $2')\n\t\t.replace(/^\\w/, (c) => c.toUpperCase());\n}\n"],
+  "mappings": "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",
   "names": ["css", "css"]
 }

package/dist/components/numerology-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"numerology-card.d.ts","sourceRoot":"","sources":["../../src/components/numerology-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAW,MAAM,KAAK,CAAC;AAErD,OAAO,KAAK,EACX,2BAA2B,EAC3B,yBAAyB,EACzB,6BAA6B,EAC7B,+BAA+B,EAC/B,MAAM,mBAAmB,CAAC;AAG3B,KAAK,cAAc,GAChB,yBAAyB,GACzB,2BAA2B,GAC3B,6BAA6B,GAC7B,+BAA+B,CAAC;AAEnC;;;GAGG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IACjD,MAAM,CAAC,MAAM,4BAmGX;IAGF,IAAI,EAAE,cAAc,GAAG,IAAI,CAAQ;IAGnC,IAAI,EAAE,WAAW,GAAG,YAAY,GAAG,eAAe,GAAG,OAAO,CAAe;IAE3E,MAAM;IAeN,OAAO,CAAC,gBAAgB;IAiCxB,OAAO,CAAC,kBAAkB;IAiB1B,OAAO,CAAC,WAAW;CAuBnB;AA6BD,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,sBAAsB,EAAE,kBAAkB,CAAC;KAC3C;CACD"}
+{"version":3,"file":"numerology-card.d.ts","sourceRoot":"","sources":["../../src/components/numerology-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAW,MAAM,KAAK,CAAC;AAErD,OAAO,KAAK,EACX,2BAA2B,EAC3B,yBAAyB,EACzB,6BAA6B,EAC7B,+BAA+B,EAC/B,MAAM,mBAAmB,CAAC;AAI3B,KAAK,cAAc,GAChB,yBAAyB,GACzB,2BAA2B,GAC3B,6BAA6B,GAC7B,+BAA+B,CAAC;AAEnC;;;GAGG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IACjD,MAAM,CAAC,MAAM,4BAmGX;IAGF,IAAI,EAAE,cAAc,GAAG,IAAI,CAAQ;IAGnC,IAAI,EAAE,WAAW,GAAG,YAAY,GAAG,eAAe,GAAG,OAAO,CAAe;IAE3E,MAAM;IAeN,OAAO,CAAC,gBAAgB;IAiCxB,OAAO,CAAC,kBAAkB;IAiB1B,OAAO,CAAC,WAAW;CAuBnB;AAsBD,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,sBAAsB,EAAE,kBAAkB,CAAC;KAC3C;CACD"}

package/dist/components/numerology-card.js

@@ -99,6 +99,11 @@ var baseStyles = css`
 	}
 `;
 
+// packages/ui/src/utils/string.ts
+function humanize(s) {
+  return s.replace(/[_-]+/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/^\w/, (c) => c.toUpperCase());
+}
+
 // packages/ui/src/components/numerology-card.ts
 var RoxyNumerologyCard = class extends LitElement {
   constructor() {
@@ -291,9 +296,6 @@ function karmicDebtText(value) {
   if (!value) return "";
   return [value.description, value.challenge, value.resolution].filter(Boolean).join(" ");
 }
-function humanize(s) {
-  return s.replace(/[_-]+/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/^\w/, (c) => c.toUpperCase());
-}
 export {
   RoxyNumerologyCard
 };

package/dist/components/numerology-card.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/components/numerology-card.ts", "../../src/utils/base-styles.ts"],
-  "sourcesContent": ["import { css, html, LitElement, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport type {\n\tCalculateExpressionResponse,\n\tCalculateLifePathResponse,\n\tCalculatePersonalYearResponse,\n\tGenerateNumerologyChartResponse,\n} from '../types/index.js';\nimport { baseStyles } from '../utils/base-styles.js';\n\ntype NumerologyData =\n\t| CalculateLifePathResponse\n\t| CalculateExpressionResponse\n\t| CalculatePersonalYearResponse\n\t| GenerateNumerologyChartResponse;\n\n/**\n * Numerology card. Renders /numerology/{life-path,expression,personal-year,chart}.\n * Use the `type` attribute to switch the layout.\n */\n@customElement('roxy-numerology-card')\nexport class RoxyNumerologyCard extends LitElement {\n\tstatic styles = [\n\t\tbaseStyles,\n\t\tcss`\n\t\t\t.card {\n\t\t\t\tbackground: var(--roxy-bg, #fff);\n\t\t\t\tborder: 1px solid var(--roxy-border, #e4e4e7);\n\t\t\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t\t\t\tpadding: var(--roxy-space-lg, 1.5rem);\n\t\t\t\tbox-shadow: var(--roxy-shadow-sm);\n\t\t\t\tdisplay: grid;\n\t\t\t\tgap: var(--roxy-space-md, 1rem);\n\t\t\t}\n\n\t\t\t.hero {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: var(--roxy-space-md, 1rem);\n\t\t\t}\n\t\t\t.numeral {\n\t\t\t\tfont-size: 4rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t\tcolor: var(--roxy-accent-fg, #b45309);\n\t\t\t\tfont-variant-numeric: tabular-nums;\n\t\t\t}\n\t\t\t.label {\n\t\t\t\tmargin: 0;\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tletter-spacing: 0.06em;\n\t\t\t}\n\t\t\t.title {\n\t\t\t\tmargin: 0;\n\t\t\t\tfont-size: var(--roxy-text-lg, 1.125rem);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t}\n\t\t\t.meaning {\n\t\t\t\tmargin: 0;\n\t\t\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\t\t}\n\n\t\t\t.calc {\n\t\t\t\tmargin: 0;\n\t\t\t\tfont-family: var(--roxy-font-mono);\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-border, #e4e4e7) 30%, transparent);\n\t\t\t\tpadding: var(--roxy-space-sm, 0.5rem);\n\t\t\t\tborder-radius: var(--roxy-radius-sm, 4px);\n\t\t\t\twhite-space: pre-wrap;\n\t\t\t\toverflow-wrap: anywhere;\n\t\t\t}\n\n\t\t\t.chips {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: var(--roxy-space-xs, 0.25rem);\n\t\t\t}\n\t\t\t.chips span {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-accent, #f59e0b) 14%, transparent);\n\t\t\t\tpadding: 2px 8px;\n\t\t\t\tborder-radius: var(--roxy-radius-full, 9999px);\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t}\n\n\t\t\t.cores {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));\n\t\t\t\tgap: var(--roxy-space-sm, 0.5rem);\n\t\t\t\tborder-top: 1px solid var(--roxy-border, #e4e4e7);\n\t\t\t\tpadding-top: var(--roxy-space-md, 1rem);\n\t\t\t}\n\t\t\t.cores .item {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: baseline;\n\t\t\t\tgap: var(--roxy-space-xs, 0.25rem);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t}\n\t\t\t.cores .item span:first-child {\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\ttext-transform: capitalize;\n\t\t\t}\n\t\t\t.cores .item strong {\n\t\t\t\tcolor: var(--roxy-accent-fg, #b45309);\n\t\t\t\tfont-variant-numeric: tabular-nums;\n\t\t\t\tfont-size: var(--roxy-text-base, 1rem);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t}\n\n\t\t\t.karmic {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-warning, #ea580c) 12%, transparent);\n\t\t\t\tborder: 1px solid color-mix(in srgb, var(--roxy-warning, #ea580c) 32%, transparent);\n\t\t\t\tpadding: var(--roxy-space-sm, 0.5rem) var(--roxy-space-md, 1rem);\n\t\t\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ attribute: false })\n\tdata: NumerologyData | null = null;\n\n\t@property({ type: String, reflect: true })\n\ttype: 'life-path' | 'expression' | 'personal-year' | 'chart' = 'life-path';\n\n\trender() {\n\t\tconst d = this.data;\n\t\tif (!d)\n\t\t\treturn html`<div class=\"roxy-empty\" role=\"status\">No numerology data</div>`;\n\n\t\tconst headerLabel = LABELS[this.type] ?? this.type;\n\n\t\tif ('coreNumbers' in d) return this.renderChart(d, headerLabel);\n\t\tif ('personalYear' in d) return this.renderPersonalYear(d, headerLabel);\n\t\treturn this.renderNumberCard(\n\t\t\td as CalculateLifePathResponse | CalculateExpressionResponse,\n\t\t\theaderLabel,\n\t\t);\n\t}\n\n\tprivate renderNumberCard(\n\t\td: CalculateLifePathResponse | CalculateExpressionResponse,\n\t\theaderLabel: string,\n\t) {\n\t\tconst keywords = d.meaning?.keywords ?? [];\n\t\treturn html`<article class=\"card\" aria-label=${headerLabel}>\n\t\t\t<div class=\"hero\">\n\t\t\t\t${typeof d.number === 'number' ? html`<div class=\"numeral\">${d.number}</div>` : nothing}\n\t\t\t\t<div>\n\t\t\t\t\t<p class=\"label\">${headerLabel}</p>\n\t\t\t\t\t${d.meaning?.title ? html`<h2 class=\"title\">${d.meaning.title}</h2>` : nothing}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t${d.meaning?.description ? html`<p class=\"meaning\">${d.meaning.description}</p>` : nothing}\n\t\t\t${d.calculation ? html`<pre class=\"calc\">${d.calculation}</pre>` : nothing}\n\t\t\t${\n\t\t\t\tkeywords.length > 0\n\t\t\t\t\t? html`<div class=\"chips\">\n\t\t\t\t\t\t${keywords.map((k) => html`<span>${k}</span>`)}\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t\t${\n\t\t\t\td.hasKarmicDebt && d.karmicDebtNumber\n\t\t\t\t\t? html`<div class=\"karmic\">\n\t\t\t\t\t\tKarmic debt ${d.karmicDebtNumber}.\n\t\t\t\t\t\t${karmicDebtText(d.karmicDebtMeaning)}\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t</article>`;\n\t}\n\n\tprivate renderPersonalYear(\n\t\td: CalculatePersonalYearResponse,\n\t\theaderLabel: string,\n\t) {\n\t\treturn html`<article class=\"card\" aria-label=${headerLabel}>\n\t\t\t<div class=\"hero\">\n\t\t\t\t${typeof d.personalYear === 'number' ? html`<div class=\"numeral\">${d.personalYear}</div>` : nothing}\n\t\t\t\t<div>\n\t\t\t\t\t<p class=\"label\">${headerLabel}</p>\n\t\t\t\t\t${d.theme ? html`<h2 class=\"title\">${d.theme}</h2>` : nothing}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t${d.forecast ? html`<p class=\"meaning\">${d.forecast}</p>` : nothing}\n\t\t\t${d.advice ? html`<p>${d.advice}</p>` : nothing}\n\t\t</article>`;\n\t}\n\n\tprivate renderChart(d: GenerateNumerologyChartResponse, headerLabel: string) {\n\t\tconst cores = Object.entries(d.coreNumbers).filter(\n\t\t\t([, v]) => v !== null && v !== undefined,\n\t\t);\n\t\treturn html`<article class=\"card\" aria-label=${headerLabel}>\n\t\t\t<div>\n\t\t\t\t<p class=\"label\">${headerLabel}</p>\n\t\t\t\t${d.profile?.name ? html`<h2 class=\"title\">${d.profile.name}</h2>` : nothing}\n\t\t\t</div>\n\t\t\t${\n\t\t\t\tcores.length > 0\n\t\t\t\t\t? html`<div class=\"cores\">\n\t\t\t\t\t\t${cores.map(\n\t\t\t\t\t\t\t([k, v]) => html`<div class=\"item\">\n\t\t\t\t\t\t\t\t<span>${humanize(k)}</span>\n\t\t\t\t\t\t\t\t<strong>${v.number ?? ''}</strong>\n\t\t\t\t\t\t\t</div>`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t</article>`;\n\t}\n}\n\nconst LABELS: Record<string, string> = {\n\t'life-path': 'Life Path',\n\texpression: 'Expression',\n\t'personal-year': 'Personal Year',\n\tchart: 'Numerology chart',\n};\n\ntype KarmicDebtMeaning = {\n\tdescription: string;\n\tchallenge: string;\n\tresolution: string;\n};\n\nfunction karmicDebtText(value: KarmicDebtMeaning | undefined): string {\n\tif (!value) return '';\n\treturn [value.description, value.challenge, value.resolution]\n\t\t.filter(Boolean)\n\t\t.join(' ');\n}\n\nfunction humanize(s: string): string {\n\treturn s\n\t\t.replace(/[_-]+/g, ' ')\n\t\t.replace(/([a-z])([A-Z])/g, '$1 $2')\n\t\t.replace(/^\\w/, (c) => c.toUpperCase());\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'roxy-numerology-card': RoxyNumerologyCard;\n\t}\n}\n", "import { css } from 'lit';\n\n/**\n * Shared host styles every component pulls in. Sets default font, color,\n * container query support, and the entry fade-in.\n */\nexport const baseStyles = css`\n\t:host {\n\t\tdisplay: block;\n\t\tcontainer-type: inline-size;\n\t\tfont-family: var(\n\t\t\t--roxy-font-sans,\n\t\t\tsystem-ui,\n\t\t\t-apple-system,\n\t\t\tBlinkMacSystemFont,\n\t\t\t'Segoe UI',\n\t\t\tRoboto,\n\t\t\tsans-serif\n\t\t);\n\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\tbackground: transparent;\n\t\tfont-size: var(--roxy-text-base, 1rem);\n\t\tline-height: var(--roxy-leading-normal, 1.5);\n\t\tanimation: roxy-fade-in var(--roxy-motion-duration, 200ms)\n\t\t\tvar(--roxy-motion-easing, cubic-bezier(0.4, 0, 0.2, 1)) both;\n\t}\n\n\t*,\n\t*::before,\n\t*::after {\n\t\tbox-sizing: border-box;\n\t}\n\n\t@keyframes roxy-fade-in {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(2px);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t:host {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.roxy-skeleton {\n\t\tbackground: linear-gradient(\n\t\t\t90deg,\n\t\t\tvar(--roxy-border, #e4e4e7) 0%,\n\t\t\tcolor-mix(in srgb, var(--roxy-border, #e4e4e7) 60%, transparent) 50%,\n\t\t\tvar(--roxy-border, #e4e4e7) 100%\n\t\t);\n\t\tbackground-size: 200% 100%;\n\t\tanimation: roxy-shimmer 1.4s ease-in-out infinite;\n\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t}\n\n\t@keyframes roxy-shimmer {\n\t\t0% {\n\t\t\tbackground-position: 200% 0;\n\t\t}\n\t\t100% {\n\t\t\tbackground-position: -200% 0;\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t.roxy-skeleton {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.roxy-empty {\n\t\tpadding: var(--roxy-space-lg, 1.5rem);\n\t\tcolor: var(--roxy-muted, #71717a);\n\t\ttext-align: center;\n\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t}\n\n\t:host(:focus-within) .roxy-card {\n\t\toutline: 2px solid var(--roxy-ring, rgba(245, 158, 11, 0.4));\n\t\toutline-offset: 2px;\n\t}\n`;\n"],
-  "mappings": "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",
+  "sources": ["../../src/components/numerology-card.ts", "../../src/utils/base-styles.ts", "../../src/utils/string.ts"],
+  "sourcesContent": ["import { css, html, LitElement, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport type {\n\tCalculateExpressionResponse,\n\tCalculateLifePathResponse,\n\tCalculatePersonalYearResponse,\n\tGenerateNumerologyChartResponse,\n} from '../types/index.js';\nimport { baseStyles } from '../utils/base-styles.js';\nimport { humanize } from '../utils/string.js';\n\ntype NumerologyData =\n\t| CalculateLifePathResponse\n\t| CalculateExpressionResponse\n\t| CalculatePersonalYearResponse\n\t| GenerateNumerologyChartResponse;\n\n/**\n * Numerology card. Renders /numerology/{life-path,expression,personal-year,chart}.\n * Use the `type` attribute to switch the layout.\n */\n@customElement('roxy-numerology-card')\nexport class RoxyNumerologyCard extends LitElement {\n\tstatic styles = [\n\t\tbaseStyles,\n\t\tcss`\n\t\t\t.card {\n\t\t\t\tbackground: var(--roxy-bg, #fff);\n\t\t\t\tborder: 1px solid var(--roxy-border, #e4e4e7);\n\t\t\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t\t\t\tpadding: var(--roxy-space-lg, 1.5rem);\n\t\t\t\tbox-shadow: var(--roxy-shadow-sm);\n\t\t\t\tdisplay: grid;\n\t\t\t\tgap: var(--roxy-space-md, 1rem);\n\t\t\t}\n\n\t\t\t.hero {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: var(--roxy-space-md, 1rem);\n\t\t\t}\n\t\t\t.numeral {\n\t\t\t\tfont-size: 4rem;\n\t\t\t\tline-height: 1;\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t\tcolor: var(--roxy-accent-fg, #b45309);\n\t\t\t\tfont-variant-numeric: tabular-nums;\n\t\t\t}\n\t\t\t.label {\n\t\t\t\tmargin: 0;\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\tletter-spacing: 0.06em;\n\t\t\t}\n\t\t\t.title {\n\t\t\t\tmargin: 0;\n\t\t\t\tfont-size: var(--roxy-text-lg, 1.125rem);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t}\n\t\t\t.meaning {\n\t\t\t\tmargin: 0;\n\t\t\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\t\t}\n\n\t\t\t.calc {\n\t\t\t\tmargin: 0;\n\t\t\t\tfont-family: var(--roxy-font-mono);\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-border, #e4e4e7) 30%, transparent);\n\t\t\t\tpadding: var(--roxy-space-sm, 0.5rem);\n\t\t\t\tborder-radius: var(--roxy-radius-sm, 4px);\n\t\t\t\twhite-space: pre-wrap;\n\t\t\t\toverflow-wrap: anywhere;\n\t\t\t}\n\n\t\t\t.chips {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tgap: var(--roxy-space-xs, 0.25rem);\n\t\t\t}\n\t\t\t.chips span {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-accent, #f59e0b) 14%, transparent);\n\t\t\t\tpadding: 2px 8px;\n\t\t\t\tborder-radius: var(--roxy-radius-full, 9999px);\n\t\t\t\tfont-size: var(--roxy-text-xs, 0.75rem);\n\t\t\t}\n\n\t\t\t.cores {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));\n\t\t\t\tgap: var(--roxy-space-sm, 0.5rem);\n\t\t\t\tborder-top: 1px solid var(--roxy-border, #e4e4e7);\n\t\t\t\tpadding-top: var(--roxy-space-md, 1rem);\n\t\t\t}\n\t\t\t.cores .item {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: baseline;\n\t\t\t\tgap: var(--roxy-space-xs, 0.25rem);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t}\n\t\t\t.cores .item span:first-child {\n\t\t\t\tcolor: var(--roxy-muted, #71717a);\n\t\t\t\ttext-transform: capitalize;\n\t\t\t}\n\t\t\t.cores .item strong {\n\t\t\t\tcolor: var(--roxy-accent-fg, #b45309);\n\t\t\t\tfont-variant-numeric: tabular-nums;\n\t\t\t\tfont-size: var(--roxy-text-base, 1rem);\n\t\t\t\tfont-weight: var(--roxy-weight-bold, 600);\n\t\t\t}\n\n\t\t\t.karmic {\n\t\t\t\tbackground: color-mix(in srgb, var(--roxy-warning, #ea580c) 12%, transparent);\n\t\t\t\tborder: 1px solid color-mix(in srgb, var(--roxy-warning, #ea580c) 32%, transparent);\n\t\t\t\tpadding: var(--roxy-space-sm, 0.5rem) var(--roxy-space-md, 1rem);\n\t\t\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t\t\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t\t\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\t\t}\n\t\t`,\n\t];\n\n\t@property({ attribute: false })\n\tdata: NumerologyData | null = null;\n\n\t@property({ type: String, reflect: true })\n\ttype: 'life-path' | 'expression' | 'personal-year' | 'chart' = 'life-path';\n\n\trender() {\n\t\tconst d = this.data;\n\t\tif (!d)\n\t\t\treturn html`<div class=\"roxy-empty\" role=\"status\">No numerology data</div>`;\n\n\t\tconst headerLabel = LABELS[this.type] ?? this.type;\n\n\t\tif ('coreNumbers' in d) return this.renderChart(d, headerLabel);\n\t\tif ('personalYear' in d) return this.renderPersonalYear(d, headerLabel);\n\t\treturn this.renderNumberCard(\n\t\t\td as CalculateLifePathResponse | CalculateExpressionResponse,\n\t\t\theaderLabel,\n\t\t);\n\t}\n\n\tprivate renderNumberCard(\n\t\td: CalculateLifePathResponse | CalculateExpressionResponse,\n\t\theaderLabel: string,\n\t) {\n\t\tconst keywords = d.meaning?.keywords ?? [];\n\t\treturn html`<article class=\"card\" aria-label=${headerLabel}>\n\t\t\t<div class=\"hero\">\n\t\t\t\t${typeof d.number === 'number' ? html`<div class=\"numeral\">${d.number}</div>` : nothing}\n\t\t\t\t<div>\n\t\t\t\t\t<p class=\"label\">${headerLabel}</p>\n\t\t\t\t\t${d.meaning?.title ? html`<h2 class=\"title\">${d.meaning.title}</h2>` : nothing}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t${d.meaning?.description ? html`<p class=\"meaning\">${d.meaning.description}</p>` : nothing}\n\t\t\t${d.calculation ? html`<pre class=\"calc\">${d.calculation}</pre>` : nothing}\n\t\t\t${\n\t\t\t\tkeywords.length > 0\n\t\t\t\t\t? html`<div class=\"chips\">\n\t\t\t\t\t\t${keywords.map((k) => html`<span>${k}</span>`)}\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t\t${\n\t\t\t\td.hasKarmicDebt && d.karmicDebtNumber\n\t\t\t\t\t? html`<div class=\"karmic\">\n\t\t\t\t\t\tKarmic debt ${d.karmicDebtNumber}.\n\t\t\t\t\t\t${karmicDebtText(d.karmicDebtMeaning)}\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t</article>`;\n\t}\n\n\tprivate renderPersonalYear(\n\t\td: CalculatePersonalYearResponse,\n\t\theaderLabel: string,\n\t) {\n\t\treturn html`<article class=\"card\" aria-label=${headerLabel}>\n\t\t\t<div class=\"hero\">\n\t\t\t\t${typeof d.personalYear === 'number' ? html`<div class=\"numeral\">${d.personalYear}</div>` : nothing}\n\t\t\t\t<div>\n\t\t\t\t\t<p class=\"label\">${headerLabel}</p>\n\t\t\t\t\t${d.theme ? html`<h2 class=\"title\">${d.theme}</h2>` : nothing}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t${d.forecast ? html`<p class=\"meaning\">${d.forecast}</p>` : nothing}\n\t\t\t${d.advice ? html`<p>${d.advice}</p>` : nothing}\n\t\t</article>`;\n\t}\n\n\tprivate renderChart(d: GenerateNumerologyChartResponse, headerLabel: string) {\n\t\tconst cores = Object.entries(d.coreNumbers).filter(\n\t\t\t([, v]) => v !== null && v !== undefined,\n\t\t);\n\t\treturn html`<article class=\"card\" aria-label=${headerLabel}>\n\t\t\t<div>\n\t\t\t\t<p class=\"label\">${headerLabel}</p>\n\t\t\t\t${d.profile?.name ? html`<h2 class=\"title\">${d.profile.name}</h2>` : nothing}\n\t\t\t</div>\n\t\t\t${\n\t\t\t\tcores.length > 0\n\t\t\t\t\t? html`<div class=\"cores\">\n\t\t\t\t\t\t${cores.map(\n\t\t\t\t\t\t\t([k, v]) => html`<div class=\"item\">\n\t\t\t\t\t\t\t\t<span>${humanize(k)}</span>\n\t\t\t\t\t\t\t\t<strong>${v.number ?? ''}</strong>\n\t\t\t\t\t\t\t</div>`,\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>`\n\t\t\t\t\t: nothing\n\t\t\t}\n\t\t</article>`;\n\t}\n}\n\nconst LABELS: Record<string, string> = {\n\t'life-path': 'Life Path',\n\texpression: 'Expression',\n\t'personal-year': 'Personal Year',\n\tchart: 'Numerology chart',\n};\n\ntype KarmicDebtMeaning = {\n\tdescription: string;\n\tchallenge: string;\n\tresolution: string;\n};\n\nfunction karmicDebtText(value: KarmicDebtMeaning | undefined): string {\n\tif (!value) return '';\n\treturn [value.description, value.challenge, value.resolution]\n\t\t.filter(Boolean)\n\t\t.join(' ');\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'roxy-numerology-card': RoxyNumerologyCard;\n\t}\n}\n", "import { css } from 'lit';\n\n/**\n * Shared host styles every component pulls in. Sets default font, color,\n * container query support, and the entry fade-in.\n */\nexport const baseStyles = css`\n\t:host {\n\t\tdisplay: block;\n\t\tcontainer-type: inline-size;\n\t\tfont-family: var(\n\t\t\t--roxy-font-sans,\n\t\t\tsystem-ui,\n\t\t\t-apple-system,\n\t\t\tBlinkMacSystemFont,\n\t\t\t'Segoe UI',\n\t\t\tRoboto,\n\t\t\tsans-serif\n\t\t);\n\t\tcolor: var(--roxy-fg, #0a0a0a);\n\t\tbackground: transparent;\n\t\tfont-size: var(--roxy-text-base, 1rem);\n\t\tline-height: var(--roxy-leading-normal, 1.5);\n\t\tanimation: roxy-fade-in var(--roxy-motion-duration, 200ms)\n\t\t\tvar(--roxy-motion-easing, cubic-bezier(0.4, 0, 0.2, 1)) both;\n\t}\n\n\t*,\n\t*::before,\n\t*::after {\n\t\tbox-sizing: border-box;\n\t}\n\n\t@keyframes roxy-fade-in {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(2px);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t:host {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.roxy-skeleton {\n\t\tbackground: linear-gradient(\n\t\t\t90deg,\n\t\t\tvar(--roxy-border, #e4e4e7) 0%,\n\t\t\tcolor-mix(in srgb, var(--roxy-border, #e4e4e7) 60%, transparent) 50%,\n\t\t\tvar(--roxy-border, #e4e4e7) 100%\n\t\t);\n\t\tbackground-size: 200% 100%;\n\t\tanimation: roxy-shimmer 1.4s ease-in-out infinite;\n\t\tborder-radius: var(--roxy-radius-md, 8px);\n\t}\n\n\t@keyframes roxy-shimmer {\n\t\t0% {\n\t\t\tbackground-position: 200% 0;\n\t\t}\n\t\t100% {\n\t\t\tbackground-position: -200% 0;\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t.roxy-skeleton {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.roxy-empty {\n\t\tpadding: var(--roxy-space-lg, 1.5rem);\n\t\tcolor: var(--roxy-muted, #71717a);\n\t\ttext-align: center;\n\t\tfont-size: var(--roxy-text-sm, 0.875rem);\n\t}\n\n\t:host(:focus-within) .roxy-card {\n\t\toutline: 2px solid var(--roxy-ring, rgba(245, 158, 11, 0.4));\n\t\toutline-offset: 2px;\n\t}\n`;\n", "/**\n * Shared string helpers used across components. Single source of truth so the\n * same formatting rules apply to every key/label/title that surfaces in the\n * shadow tree.\n *\n *  - `capitalize`: title-cases the first character, lowercases the rest. Used\n *    when matching API-supplied planet/sign names against the glyph maps in\n *    `tokens/index.ts`, which use canonical TitleCase keys.\n *  - `humanize`: turns an API key (`birth_date`, `birthDate`, `mahadasha-end`)\n *    into a label suitable for display (\"Birth date\", \"Mahadasha end\").\n */\n\nexport function capitalize(s: string): string {\n\tif (!s) return '';\n\treturn s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();\n}\n\nexport function humanize(s: string): string {\n\treturn s\n\t\t.replace(/[_-]+/g, ' ')\n\t\t.replace(/([a-z])([A-Z])/g, '$1 $2')\n\t\t.replace(/^\\w/, (c) => c.toUpperCase());\n}\n"],
+  "mappings": "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",
   "names": ["css", "css"]
 }