const { useState } = React;
// Hard-coded layout values (locked by user) — kept here for reference.
const LB_Y = [32.2, 43.6, 58.6, 71, 85.4]; // Roses, Candles, Pink, Shots, Bills
const LB_PAD_X = 10.5;
const LB_PAD_Y = 1;
const LB_WIDTH = 72;
const LB_FONT = 11;
const LB_BG_OPACITY = 0.64;
const LB_BLUR = 22;
const LB_FEATHER = 21;
const BTN_GALLERY_X = 17.4;
const BTN_GALLERY_Y = 19.5;
const BTN_DRESS_X = 54.9;
const BTN_DRESS_Y = 19.5;
const BTN_W = 113;
const BTN_H = 31;
const BTN_LIFT = 4;
const BTN_SCALE = 1.065;
const BTN_GLOW = 1.15;
const CD_X = 41;
const CD_Y = 13;
const CD_W = 39;
const CD_H = 5.6;
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"butterflies": true,
"cursorTrail": true,
"modalAnim": "sparkle"
} /*EDITMODE-END*/;
function App() {
const [t, setT] = useTweaks(TWEAK_DEFAULTS);
const [galleryOpen, setGalleryOpen] = useState(false);
const [dressOpen, setDressOpen] = useState(false);
const [introDone, setIntroDone] = useState(false);
const [introStarted, setIntroStarted] = useState(false);
const btnVars = {
"--btn-w": BTN_W + "px",
"--btn-h": BTN_H + "px",
"--btn-lift": `${-BTN_LIFT}px`,
"--btn-scale": BTN_SCALE,
"--btn-glow": BTN_GLOW,
};
return (
{t.butterflies &&
}
{t.cursorTrail &&
}
setGalleryOpen(false)} anim={t.modalAnim} />
setDressOpen(false)} anim={t.modalAnim} />
{!introDone && setIntroDone(true)} onStart={() => setIntroStarted(true)} />}
{introStarted && }
setT("butterflies", v)} />
setT("cursorTrail", v)} />
setT("modalAnim", v)} />
);
}
ReactDOM.createRoot(document.getElementById("root")).render();