/* shared.jsx — primitives + placeholders for 10HOUSE */
const { useState, useEffect, useRef, useCallback, useMemo } = React;
/* Current edition — duas coleções ao ano (Hemisfério Sul)
* Outono/Inverno: 21 de março → 22 de setembro
* Primavera/Verão: 23 de setembro → 20 de março
*/
function currentEdition() {
const now = new Date();
const y = now.getFullYear();
const m = now.getMonth() + 1; // 1-12
const d = now.getDate();
let season;
if ((m === 3 && d >= 21) || m === 4 || m === 5 || m === 6 || m === 7 || m === 8 || (m === 9 && d <= 22)) {
season = "Outono / Inverno";
} else {
season = "Primavera / Verão";
}
const roman = (n) => {
const map = [["M",1000],["CM",900],["D",500],["CD",400],["C",100],["XC",90],["L",50],["XL",40],["X",10],["IX",9],["V",5],["IV",4],["I",1]];
let s = ""; for (const [r, v] of map) while (n >= v) { s += r; n -= v; } return s;
};
return { season, year: y, yearRoman: roman(y), label: `Edição ${season} · ${roman(y)}` };
}
function Folio({ n, label }) {
return (
{n}{label}
);
}
/* Big roman numeral plate (background) */
function Plate({ n, solid = false, style = {} }) {
return
{n}
;
}
/* Marginalia */
function MarginNote({ label, children }) {
return (
);
}
/* IntersectionObserver-based reveal */
function Reveal({ children, delay = 0, as: As = "div", className = "", style = {}, ...rest }) {
const ref = useRef(null);
const [seen, setSeen] = useState(false);
useEffect(() => {
if (!ref.current) return;
const io = new IntersectionObserver(
(entries) => entries.forEach((e) => {
if (e.isIntersecting) { setSeen(true); io.disconnect(); }
}),
{ threshold: 0.12, rootMargin: "0px 0px -60px 0px" }
);
io.observe(ref.current);
return () => io.disconnect();
}, []);
return (
{children}
);
}
/* Placeholder image — striped, monospace label. If `src` provided, use real image. */
function Ph({ tag = "imagem arquitetônica", num, tone = "default", src, pos = "center", style = {}, className = "", children, alt = "" }) {
if (src) {
return (
{num &&
{num}
}
{tag &&
{tag}
}
{children}
);
}
return (
{num &&
{num}
}
{tag}
{children}
);
}
/* Eyebrow with bullet */
function Eyebrow({ children, className = "" }) {
return (