);
}
// ── Signature mark: stylised Ensō with vertical axis of points ─────────────
function Enso({ size = 120, color = 'currentColor', accent, animated = false, strokeW = 3 }) {
const acc = accent || color;
const id = React.useId();
return (
);
}
// ── Decorative circuit lines (pragmatic / patrimoine side) ─────────────────
function CircuitOrnament({ width = 220, height = 220, color = 'currentColor', opacity = 0.45 }) {
const id = React.useId();
return (
);
}
// ── Smoke motif (encre / fumée) — texture utilisateur ─────────────────────
// Image PNG préparée avec fond transparent. Le composant accepte rotate
// (entier en degrés) et flip (boolean) pour la varier selon l'emplacement.
// Conserve le nom BrushSplash pour rester drop-in dans le reste du code.
function BrushSplash({ width = 260, height = 260, color = 'currentColor', opacity, rotate = 0, flip = false }) {
return (
);
}
// ── Vertical axis of points (colonne énergétique) ──────────────────────────
function VerticalAxis({ height = 200, color = 'currentColor', accent, points = 7, withDash = true }) {
const acc = accent || color;
const dots = [];
for (let i = 0; i < points; i++) {
const y = (i + 0.5) * (height / points);
const isCenter = i === Math.floor(points / 2);
dots.push(
);
}
return (
);
}
// ── Hair-line gold rule with central dot (separator) ───────────────────────
function GoldRule({ width = 220, color = 'var(--eq-gold)' }) {
return (
);
}
// ── Eyebrow label (small mono caps, gold dot) ──────────────────────────────
function Eyebrow({ children, color = 'var(--eq-gold)', style }) {
return (
{children}
);
}
// ── Real Equilys logo — PNG transparent, sans fond, sans cadre ────────────
// Le symbole vit directement sur la palette du site.
// `spinning` : si vrai, le symbole tourne lentement (réservé au hero).
function LogoMark({ size = 40, style, spinning = false }) {
return (
);
}
// ── LogoMarkAura — Halo calligraphique autour du logo réel ────────────────
// Variante "hybride" mêlant le motif procédural d'origine et le logo réel.
// Le PNG occupe tout le cadre demandé ; le halo (arc d'ensō + accents +
// points or) s'étend à l'extérieur pour ne pas réduire la lisibilité.
function LogoMarkAura({ size = 40, style }) {
const id = React.useId();
const halo = Math.round(size * 1.22);
return (
{/* Real logo, full size of the slot */}
{/* Calligraphic ensō halo, drawn OUTSIDE the logo area */}
);
}
// Lockup — symbole transparent, sans cartouche
function LogoLockup({ width = 200, style }) {
return (
);
}
// Expose to other scripts
// Empêcher le scroll horizontal sans casser position:sticky
if (typeof document !== 'undefined') {
document.documentElement.style.overflowX = 'clip';
}
Object.assign(window, {
PALETTES, TYPESETS, DENSITIES, themeVars,
ThemeFrame, Enso, CircuitOrnament, BrushSplash, VerticalAxis, GoldRule, Eyebrow,
LogoMark, LogoMarkAura, LogoLockup
});
);
}
// ── Vertical axis of points (colonne énergétique) ──────────────────────────
function VerticalAxis({ height = 200, color = 'currentColor', accent, points = 7, withDash = true }) {
const acc = accent || color;
const dots = [];
for (let i = 0; i < points; i++) {
const y = (i + 0.5) * (height / points);
const isCenter = i === Math.floor(points / 2);
dots.push(
{/* Calligraphic ensō halo, drawn OUTSIDE the logo area */}