{open && (
<>
);
};
// ---- Inline icons (24x24 default, stroke 1.5) ----
const Icon = ({ name, size = 18, stroke = 1.5, ...rest }) => {
const props = {
width: size,
height: size,
viewBox: "0 0 24 24",
fill: "none",
stroke: "currentColor",
strokeWidth: stroke,
strokeLinecap: "round",
strokeLinejoin: "round",
...rest,
};
switch (name) {
case "home":
return (
);
case "apps":
return (
);
case "folder":
return (
);
case "spark":
return (
);
case "shield":
return (
);
case "terminal":
return (
);
case "send":
return (
);
case "plus":
return (
);
case "arrow-right":
return (
);
case "arrow-up-right":
return (
);
case "github":
return (
);
case "x":
return (
);
case "lock":
return (
);
case "cpu":
return (
);
case "globe":
return (
);
case "bolt":
return (
);
case "puzzle":
return (
);
case "wave":
return (
);
case "whatsapp":
return (
);
case "telegram":
return (
);
case "discord":
return (
);
case "claude":
return (
);
case "check":
return (
);
case "circle-dot":
return (
);
default:
return null;
}
};
const Brand = ({ withText = true }) => (
{withText && Livinity}
);
const Nav = () => {
React.useEffect(() => {
const nav = document.querySelector(".nav");
if (!nav) return;
const onScroll = () => {
nav.classList.toggle("stuck", (window.scrollY || 0) > 24);
};
window.addEventListener("scroll", onScroll, { passive: true });
onScroll();
return () => window.removeEventListener("scroll", onScroll);
}, []);
const [user, setUser] = useState(null);
const [authLoaded, setAuthLoaded] = useState(false);
useEffect(() => {
let aborted = false;
fetchProfileOnce().then(u => {
if (aborted) return;
setUser(u);
setAuthLoaded(true);
});
return () => { aborted = true; };
}, []);
return (
);
};
Object.assign(window, { Icon, Brand, Nav, ProfileMenu, fetchProfileOnce });