@roxyapi/ui 0.0.1 → 0.1.2

package/dist/components/natal-chart.js

@@ -0,0 +1,407 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+
+// packages/ui/src/components/natal-chart.ts
+import { css as css2, html, LitElement, nothing, svg } from "lit";
+import { customElement, property } from "lit/decorators.js";
+
+// packages/ui/src/tokens/index.ts
+var PLANET_GLYPH = {
+  Sun: "\u2609",
+  Moon: "\u263D",
+  Mercury: "\u263F",
+  Venus: "\u2640",
+  Earth: "\u2641",
+  Mars: "\u2642",
+  Jupiter: "\u2643",
+  Saturn: "\u2644",
+  Uranus: "\u2645",
+  Neptune: "\u2646",
+  Pluto: "\u2647",
+  Rahu: "\u260A",
+  Ketu: "\u260B",
+  Ascendant: "Asc",
+  Lagna: "La",
+  NorthNode: "\u260A",
+  SouthNode: "\u260B"
+};
+var SIGN_GLYPH = {
+  Aries: "\u2648",
+  Taurus: "\u2649",
+  Gemini: "\u264A",
+  Cancer: "\u264B",
+  Leo: "\u264C",
+  Virgo: "\u264D",
+  Libra: "\u264E",
+  Scorpio: "\u264F",
+  Sagittarius: "\u2650",
+  Capricorn: "\u2651",
+  Aquarius: "\u2652",
+  Pisces: "\u2653"
+};
+var SIGNS_ORDER = [
+  "Aries",
+  "Taurus",
+  "Gemini",
+  "Cancer",
+  "Leo",
+  "Virgo",
+  "Libra",
+  "Scorpio",
+  "Sagittarius",
+  "Capricorn",
+  "Aquarius",
+  "Pisces"
+];
+
+// packages/ui/src/utils/base-styles.ts
+import { css } from "lit";
+var baseStyles = css`
+	:host {
+		display: block;
+		container-type: inline-size;
+		font-family: var(
+			--roxy-font-sans,
+			system-ui,
+			-apple-system,
+			BlinkMacSystemFont,
+			'Segoe UI',
+			Roboto,
+			sans-serif
+		);
+		color: var(--roxy-fg, #0a0a0a);
+		background: transparent;
+		font-size: var(--roxy-text-base, 1rem);
+		line-height: var(--roxy-leading-normal, 1.5);
+		animation: roxy-fade-in var(--roxy-motion-duration, 200ms)
+			var(--roxy-motion-easing, cubic-bezier(0.4, 0, 0.2, 1)) both;
+	}
+
+	*,
+	*::before,
+	*::after {
+		box-sizing: border-box;
+	}
+
+	@keyframes roxy-fade-in {
+		from {
+			opacity: 0;
+			transform: translateY(2px);
+		}
+		to {
+			opacity: 1;
+			transform: translateY(0);
+		}
+	}
+
+	@media (prefers-reduced-motion: reduce) {
+		:host {
+			animation: none;
+		}
+	}
+
+	.roxy-skeleton {
+		background: linear-gradient(
+			90deg,
+			var(--roxy-border, #e4e4e7) 0%,
+			color-mix(in srgb, var(--roxy-border, #e4e4e7) 60%, transparent) 50%,
+			var(--roxy-border, #e4e4e7) 100%
+		);
+		background-size: 200% 100%;
+		animation: roxy-shimmer 1.4s ease-in-out infinite;
+		border-radius: var(--roxy-radius-md, 8px);
+	}
+
+	@keyframes roxy-shimmer {
+		0% {
+			background-position: 200% 0;
+		}
+		100% {
+			background-position: -200% 0;
+		}
+	}
+
+	@media (prefers-reduced-motion: reduce) {
+		.roxy-skeleton {
+			animation: none;
+		}
+	}
+
+	.roxy-empty {
+		padding: var(--roxy-space-lg, 1.5rem);
+		color: var(--roxy-muted, #71717a);
+		text-align: center;
+		font-size: var(--roxy-text-sm, 0.875rem);
+	}
+
+	:host(:focus-within) .roxy-card {
+		outline: 2px solid var(--roxy-ring, rgba(245, 158, 11, 0.4));
+		outline-offset: 2px;
+	}
+`;
+
+// packages/ui/src/utils/degree.ts
+function normalizeLongitude(lon) {
+  const wrapped = lon % 360;
+  return wrapped < 0 ? wrapped + 360 : wrapped;
+}
+function longitudeToSignPosition(longitude) {
+  const lon = normalizeLongitude(longitude);
+  const signIndex = Math.floor(lon / 30) % 12;
+  const within = lon % 30;
+  const degree = Math.floor(within);
+  const minuteFloat = (within - degree) * 60;
+  const minute = Math.floor(minuteFloat);
+  const second = Math.round((minuteFloat - minute) * 60);
+  return {
+    sign: SIGNS_ORDER[signIndex] ?? "Aries",
+    signIndex,
+    degree,
+    minute,
+    second
+  };
+}
+function polarToCartesian(cx, cy, radius, angleDeg) {
+  const angleRad = angleDeg * Math.PI / 180;
+  return {
+    x: cx + radius * Math.cos(angleRad),
+    y: cy + radius * Math.sin(angleRad)
+  };
+}
+
+// packages/ui/src/components/natal-chart.ts
+var SIZE = 320;
+var CENTER = SIZE / 2;
+var OUTER_R = 150;
+var SIGN_R = 134;
+var HOUSE_R = 110;
+var PLANET_R = 88;
+var RoxyNatalChart = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    this.data = null;
+    this.houseSystem = "placidus";
+  }
+  getPlanets() {
+    const p = this.data?.planets;
+    if (!p) return [];
+    if (Array.isArray(p)) return p;
+    return Object.entries(p).map(([name, entry]) => ({ ...entry, name }));
+  }
+  render() {
+    if (!this.data)
+      return html`<div class="roxy-empty" role="status">No chart data</div>`;
+    const planets = this.getPlanets();
+    const aspects = this.data.aspects ?? [];
+    return html`<div class="wrap">
+			<header>
+				<h2 class="title">Natal chart</h2>
+				${this.data.birthDetails ? html`<div class="meta">
+							${[
+      this.data.birthDetails.date,
+      this.data.birthDetails.time,
+      this.data.birthDetails.location
+    ].filter(Boolean).join(" \xB7 ")}
+						</div>` : nothing}
+			</header>
+			<svg
+				viewBox="0 0 ${SIZE} ${SIZE}"
+				role="img"
+				aria-label="Natal chart wheel with twelve houses, planets, and aspects"
+			>
+				<title>Natal chart wheel</title>
+				<desc>
+					Twelve zodiac sign segments around a circular wheel. Planet glyphs are
+					placed at their ecliptic longitudes. Aspect lines connect related planets.
+				</desc>
+				<circle
+					class="wheel-line"
+					cx=${CENTER}
+					cy=${CENTER}
+					r=${OUTER_R}
+					stroke-width="1.5"
+				/>
+				<circle
+					class="wheel-line"
+					cx=${CENTER}
+					cy=${CENTER}
+					r=${HOUSE_R}
+					stroke-width="1"
+				/>
+				<circle
+					class="wheel-line"
+					cx=${CENTER}
+					cy=${CENTER}
+					r=${PLANET_R - 16}
+					stroke-width="0.5"
+				/>
+				${this.renderSpokes()} ${this.renderSigns()} ${this.renderHouseNumbers()}
+				${this.renderAspects(planets, aspects)} ${this.renderPlanets(planets)}
+			</svg>
+			<div class="legend">
+				<span>${planets.length} planets</span>
+				<span>${aspects.length} aspects</span>
+				<span>House system: ${this.houseSystem}</span>
+			</div>
+		</div>`;
+  }
+  renderSpokes() {
+    return Array.from({ length: 12 }, (_, i) => {
+      const angle = i * 30 - 90;
+      const start = polarToCartesian(CENTER, CENTER, HOUSE_R, angle);
+      const end = polarToCartesian(CENTER, CENTER, OUTER_R, angle);
+      return svg`<line class="wheel-line" x1=${start.x} y1=${start.y} x2=${end.x} y2=${end.y} stroke-width="0.8" />`;
+    });
+  }
+  renderSigns() {
+    const order = [
+      "Aries",
+      "Taurus",
+      "Gemini",
+      "Cancer",
+      "Leo",
+      "Virgo",
+      "Libra",
+      "Scorpio",
+      "Sagittarius",
+      "Capricorn",
+      "Aquarius",
+      "Pisces"
+    ];
+    return order.map((sign, i) => {
+      const angle = i * 30 + 15 - 90;
+      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>`;
+    });
+  }
+  renderHouseNumbers() {
+    return Array.from({ length: 12 }, (_, i) => {
+      const angle = i * 30 + 15 - 90;
+      const pos = polarToCartesian(CENTER, CENTER, HOUSE_R - 12, angle);
+      return svg`<text class="house-num" x=${pos.x} y=${pos.y} text-anchor="middle" dominant-baseline="central">${i + 1}</text>`;
+    });
+  }
+  renderPlanets(planets) {
+    return planets.map((p) => {
+      const lon = typeof p.longitude === "number" ? p.longitude : typeof p.degree === "number" ? p.degree : NaN;
+      if (!Number.isFinite(lon)) return nothing;
+      const angle = lon - 90;
+      const pos = polarToCartesian(CENTER, CENTER, PLANET_R, angle);
+      const name = p.name ?? p.planet ?? "";
+      const glyph = PLANET_GLYPH[capitalize(name)] ?? name.slice(0, 2);
+      const retro = p.retrograde || p.isRetrograde ? " R" : "";
+      return svg`<text class="planet-glyph" x=${pos.x} y=${pos.y} text-anchor="middle" dominant-baseline="central"><title>${name}${retro}</title>${glyph}</text>`;
+    });
+  }
+  renderAspects(planets, aspects) {
+    const planetMap = /* @__PURE__ */ new Map();
+    for (const p of planets) {
+      const lon = typeof p.longitude === "number" ? p.longitude : typeof p.degree === "number" ? p.degree : null;
+      if (lon === null) continue;
+      const name = capitalize(p.name ?? p.planet ?? "");
+      if (name) planetMap.set(name, lon);
+    }
+    return aspects.map((a) => {
+      const l1 = planetMap.get(capitalize(a.planet1 ?? ""));
+      const l2 = planetMap.get(capitalize(a.planet2 ?? ""));
+      if (l1 === void 0 || l2 === void 0) return nothing;
+      const p1 = polarToCartesian(CENTER, CENTER, PLANET_R - 18, l1 - 90);
+      const p2 = polarToCartesian(CENTER, CENTER, PLANET_R - 18, l2 - 90);
+      return svg`<line class="aspect" x1=${p1.x} y1=${p1.y} x2=${p2.x} y2=${p2.y} />`;
+    });
+  }
+};
+RoxyNatalChart.styles = [
+  baseStyles,
+  css2`
+			.wrap {
+				width: 100%;
+				display: grid;
+				gap: var(--roxy-space-md, 1rem);
+			}
+
+			.title {
+				font-size: var(--roxy-text-lg, 1.125rem);
+				font-weight: var(--roxy-weight-bold, 600);
+				margin: 0;
+				color: var(--roxy-primary, #0f172a);
+			}
+
+			.meta {
+				color: var(--roxy-muted, #71717a);
+				font-size: var(--roxy-text-sm, 0.875rem);
+			}
+
+			svg {
+				display: block;
+				width: 100%;
+				max-width: 360px;
+				height: auto;
+				margin: 0 auto;
+			}
+
+			.wheel-line {
+				fill: none;
+				stroke: var(--roxy-border, #e4e4e7);
+			}
+
+			.sign-glyph {
+				fill: var(--roxy-secondary, #475569);
+				font-size: 14px;
+				font-family: var(--roxy-font-sans);
+			}
+
+			.planet-glyph {
+				fill: var(--roxy-accent, #f59e0b);
+				font-size: 14px;
+				font-weight: 600;
+				font-family: var(--roxy-font-sans);
+			}
+
+			.house-num {
+				fill: var(--roxy-muted, #71717a);
+				font-size: 9px;
+				font-family: var(--roxy-font-sans);
+			}
+
+			.aspect {
+				stroke: color-mix(in srgb, var(--roxy-accent, #f59e0b) 32%, transparent);
+				stroke-width: 0.6;
+				fill: none;
+			}
+
+			.legend {
+				font-size: var(--roxy-text-xs, 0.75rem);
+				color: var(--roxy-muted, #71717a);
+				display: flex;
+				flex-wrap: wrap;
+				gap: var(--roxy-space-md, 1rem);
+			}
+		`
+];
+__decorateClass([
+  property({ attribute: false })
+], RoxyNatalChart.prototype, "data", 2);
+__decorateClass([
+  property({ type: String, attribute: "house-system", reflect: true })
+], RoxyNatalChart.prototype, "houseSystem", 2);
+RoxyNatalChart = __decorateClass([
+  customElement("roxy-natal-chart")
+], RoxyNatalChart);
+function capitalize(s) {
+  if (!s) return "";
+  return s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();
+}
+export {
+  RoxyNatalChart,
+  longitudeToSignPosition
+};
+//# sourceMappingURL=natal-chart.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/natal-chart.ts", "../../src/tokens/index.ts", "../../src/utils/base-styles.ts", "../../src/utils/degree.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 { baseStyles } from '../utils/base-styles.js';\nimport { longitudeToSignPosition, polarToCartesian } from '../utils/degree.js';\n\ninterface PlanetEntry {\n\tname?: string;\n\tplanet?: string;\n\tlongitude?: number;\n\tdegree?: number;\n\tsign?: string;\n\thouse?: number;\n\tretrograde?: boolean;\n\tisRetrograde?: boolean;\n}\n\ninterface AspectEntry {\n\tplanet1?: string;\n\tplanet2?: string;\n\taspect?: string;\n\torb?: number;\n}\n\ninterface HouseEntry {\n\thouse?: number;\n\tnumber?: number;\n\tcusp?: number;\n\tsign?: string;\n}\n\ninterface NatalChartData {\n\tplanets?: PlanetEntry[] | Record<string, PlanetEntry>;\n\thouses?: HouseEntry[];\n\taspects?: AspectEntry[];\n\tascendant?: number | { longitude?: number; sign?: string };\n\tmidheaven?: number | { longitude?: number; sign?: string };\n\tbirthDetails?: {\n\t\tdate?: string;\n\t\ttime?: string;\n\t\tlocation?: string;\n\t};\n}\n\nconst SIZE = 320;\nconst CENTER = SIZE / 2;\nconst OUTER_R = 150;\nconst SIGN_R = 134;\nconst HOUSE_R = 110;\nconst PLANET_R = 88;\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: color-mix(in srgb, var(--roxy-accent, #f59e0b) 32%, transparent);\n\t\t\t\tstroke-width: 0.6;\n\t\t\t\tfill: none;\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`,\n\t];\n\n\t@property({ attribute: false })\n\tdata: NatalChartData | 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\tconst p = this.data?.planets;\n\t\tif (!p) return [];\n\t\tif (Array.isArray(p)) return p;\n\t\treturn Object.entries(p).map(([name, entry]) => ({ ...entry, name }));\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${[\n\t\t\t\t\t\t\t\tthis.data.birthDetails.date,\n\t\t\t\t\t\t\t\tthis.data.birthDetails.time,\n\t\t\t\t\t\t\t\tthis.data.birthDetails.location,\n\t\t\t\t\t\t\t]\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</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>House system: ${this.houseSystem}</span>\n\t\t\t</div>\n\t\t</div>`;\n\t}\n\n\tprivate renderSpokes() {\n\t\treturn Array.from({ length: 12 }, (_, i) => {\n\t\t\tconst angle = i * 30 - 90;\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 = i * 30 + 15 - 90;\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\treturn Array.from({ length: 12 }, (_, i) => {\n\t\t\tconst angle = i * 30 + 15 - 90;\n\t\t\tconst pos = polarToCartesian(CENTER, CENTER, HOUSE_R - 12, angle);\n\t\t\treturn svg`<text class=\"house-num\" x=${pos.x} y=${pos.y} text-anchor=\"middle\" dominant-baseline=\"central\">${i + 1}</text>`;\n\t\t});\n\t}\n\n\tprivate renderPlanets(planets: PlanetEntry[]) {\n\t\treturn planets.map((p) => {\n\t\t\tconst lon =\n\t\t\t\ttypeof p.longitude === 'number'\n\t\t\t\t\t? p.longitude\n\t\t\t\t\t: typeof p.degree === 'number'\n\t\t\t\t\t\t? p.degree\n\t\t\t\t\t\t: NaN;\n\t\t\tif (!Number.isFinite(lon)) return nothing;\n\t\t\tconst angle = lon - 90;\n\t\t\tconst pos = polarToCartesian(CENTER, CENTER, PLANET_R, angle);\n\t\t\tconst name = p.name ?? p.planet ?? '';\n\t\t\tconst glyph = PLANET_GLYPH[capitalize(name)] ?? name.slice(0, 2);\n\t\t\tconst retro = p.retrograde || p.isRetrograde ? ' R' : '';\n\t\t\treturn svg`<text class=\"planet-glyph\" x=${pos.x} y=${pos.y} text-anchor=\"middle\" dominant-baseline=\"central\"><title>${name}${retro}</title>${glyph}</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\tconst lon =\n\t\t\t\ttypeof p.longitude === 'number'\n\t\t\t\t\t? p.longitude\n\t\t\t\t\t: typeof p.degree === 'number'\n\t\t\t\t\t\t? p.degree\n\t\t\t\t\t\t: null;\n\t\t\tif (lon === null) continue;\n\t\t\tconst name = capitalize(p.name ?? p.planet ?? '');\n\t\t\tif (name) planetMap.set(name, lon);\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(CENTER, CENTER, PLANET_R - 18, l1 - 90);\n\t\t\tconst p2 = polarToCartesian(CENTER, CENTER, PLANET_R - 18, l2 - 90);\n\t\t\treturn svg`<line class=\"aspect\" x1=${p1.x} y1=${p1.y} x2=${p2.x} y2=${p2.y} />`;\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\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'roxy-natal-chart': RoxyNatalChart;\n\t}\n}\n\n// Export for external use\nexport { longitudeToSignPosition };\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};\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"],
+  "mappings": "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",
+  "names": ["css", "css"]
+}

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

@@ -0,0 +1,55 @@
+import { LitElement } from 'lit';
+interface NumerologyCommon {
+    number?: number;
+    calculation?: string;
+    type?: 'single' | 'master' | string;
+    hasKarmicDebt?: boolean;
+    karmicDebtNumber?: number;
+    karmicDebtMeaning?: string;
+    meaning?: string;
+}
+interface CoreNumber {
+    number?: number;
+    type?: string;
+    meaning?: string;
+    calculation?: string;
+}
+interface FullChart {
+    profile?: {
+        fullName?: string;
+        birthDate?: string;
+    };
+    coreNumbers?: Record<string, CoreNumber | number>;
+    additionalInsights?: Record<string, unknown>;
+    birthDayProfile?: Record<string, unknown>;
+    maturityStatus?: string;
+    luckyAssociations?: Record<string, unknown>;
+    summary?: string;
+}
+interface PersonalYear {
+    year?: number;
+    personalYear?: number;
+    title?: string;
+    theme?: string;
+    keywords?: string[];
+    meaning?: string;
+    advice?: string;
+}
+type NumerologyData = NumerologyCommon & FullChart & PersonalYear;
+/**
+ * Numerology card. Renders /numerology/{life-path,expression,personal-year,chart}.
+ * Use the `type` attribute to switch the layout.
+ */
+export declare class RoxyNumerologyCard extends LitElement {
+    static styles: import("lit").CSSResult[];
+    data: NumerologyData | null;
+    type: 'life-path' | 'expression' | 'personal-year' | 'chart';
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'roxy-numerology-card': RoxyNumerologyCard;
+    }
+}
+export {};
+//# sourceMappingURL=numerology-card.d.ts.map

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

@@ -0,0 +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;AAIrD,UAAU,gBAAgB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,UAAU;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,SAAS;IAClB,OAAO,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC;IAClD,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC7C,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,YAAY;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,KAAK,cAAc,GAAG,gBAAgB,GAAG,SAAS,GAAG,YAAY,CAAC;AAElE;;;GAGG;AACH,qBACa,kBAAmB,SAAQ,UAAU;IACjD,MAAM,CAAC,MAAM,4BAkGX;IAGF,IAAI,EAAE,cAAc,GAAG,IAAI,CAAQ;IAGnC,IAAI,EAAE,WAAW,GAAG,YAAY,GAAG,eAAe,GAAG,OAAO,CAAe;IAE3E,MAAM;CAmEN;AAgBD,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,sBAAsB,EAAE,kBAAkB,CAAC;KAC3C;CACD"}