// SVG sigils for the tarot deck.
// Minimal symbolic style: a single glyph per card, gold strokes on dark.
// Stroke uses currentColor so we can theme.
const S = ({ d, vb = "0 0 64 64", strokeWidth = 1.2, fill = "none", children }) => (
);
// ────────────────────────────────────────────────────────────────
// Major Arcana glyphs — each a single mystical icon
// ────────────────────────────────────────────────────────────────
const SIGILS = {
// 0 — The Fool — infinity / leap
fool: () => (
),
// I — The Magician — ∞ over hand/staff
magician: () => (
),
// II — High Priestess — crescent
priestess: () => (
),
// III — Empress — Venus
empress: () => (
),
// IV — Emperor — square with crown
emperor: () => (
),
// V — Hierophant — triple cross
hierophant: () => (
),
// VI — Lovers — interlocking circles
lovers: () => (
),
// VII — Chariot — wheel/star
chariot: () => (
),
// VIII — Strength — infinity & flower
strength: () => (
),
// IX — Hermit — lantern / star inside
hermit: () => (
),
// X — Wheel — circle with cross + symbols
wheel: () => (
),
// XI — Justice — scales
justice: () => (
),
// XII — Hanged Man — inverted triangle on cross
hanged: () => (
),
// XIII — Death — scythe / skull
death: () => (
),
// XIV — Temperance — two triangles overlapping
temperance: () => (
),
// XV — Devil — inverted pentagram
devil: () => (
),
// XVI — Tower — tower with lightning
tower: () => (
),
// XVII — Star — 7-pointed star
star: () => (
),
// XVIII — Moon — crescent with two towers below
moon: () => (
),
// XIX — Sun — sun with rays
sun: () => (
),
// XX — Judgement — trumpet / flame
judgement: () => (
),
// XXI — World — wreath / ouroboros
world: () => (
),
// ────────────────────────────────────────────────────────────────
// Suit sigils
// ────────────────────────────────────────────────────────────────
// Wands — flaming rod
'suit-wands': () => (
),
// Cups — chalice
'suit-cups': () => (
),
// Swords — sword
'suit-swords': () => (
),
// Pentacles — pentacle / star in circle
'suit-pentacles': () => (
),
// ────────────────────────────────────────────────────────────────
// Misc decorative + voice glyphs
// ────────────────────────────────────────────────────────────────
'mark': () => (
),
'sigil-mark': () => (
),
'voice-moon': () => (
),
'voice-lantern': () => (
),
'voice-star': () => (
),
'voice-wing': () => (
),
'voice-flame': () => (
),
'voice-cross': () => (
),
// play/pause/etc
'play': () =>
),
'volume-off': () => (
),
'chevron-right': () =>
),
'scissors': () => (
),
};
// ────────────────────────────────────────────────────────────────
// Ornament library — corner filigree, back pattern, fleurons
// ────────────────────────────────────────────────────────────────
const ORNAMENTS = {
// Corner filigree — placed in each card-front corner
'corner-filigree': () => (
),
// Fleuron — small decorative leaf used between elements
'fleuron': () => (
),
// Mandala backdrop — radial decoration behind sigil
'mandala': () => (
),
// Back pattern — ornate filigree center for card backs
'back-ornament': () => (
),
// Crown — ornate top decoration above name
'crown-divider': () => (
),
// Suit pip — small icon shown at top corners of minor arcana
'pip-wands': () => (
),
'pip-cups': () => (
),
'pip-swords': () => (
),
'pip-pentacles': () => (
),
};
function Ornament({ name, ...props }) {
const C = ORNAMENTS[name];
return C ? : null;
}
window.Ornament = Ornament;
window.ORNAMENTS = ORNAMENTS;
function Sigil({ name, ...props }) {
const C = SIGILS[name] || SIGILS['mark'];
return ;
}
window.Sigil = Sigil;
window.SIGILS = SIGILS;